guopeiyuan的gravatar头像
guopeiyuan 2017-03-14 16:07:50

mui图片上传为什么没有显示出来?

      <button id="btnimg" onclick="galleryImgs()">选择多张图片111</button>
                <br/> 
                <div class="showimg" >

 

 function galleryImgs(){
            //打开相册(H5+的方式,不适用于纯web页面)
            console.log("从相册中选择多张图片:");
            plus.gallery.pick(function(path){
                for(var i in path.files){
                    //console.log(path.files[i]);
                    showImg(path.files[i]);
            },function(path) {
                console.log("取消选择图片");
            },{    filter:"image",//只限制图片 
                   multiple:true,//多选 
                   maximum:30,//maximum最大图片数量 
                   system:false//设置为true时,如果系统自带相册选择控件时则优先使用,否则使用5+统一相册选择控件
               });
        }

 

 

function showImg(url) {
            // 兼容以“file:”开头的情况
            if (0 != url.toString().indexOf("file://")) {
                url = "file://" + url;
            }
            var _div_ = document.getElementsByClassName("showimg")[0];
            var _img_ = new Image();
            _img_.src = url; // 传过来的图片路径在这里用。
                _img_.onclick = function() {
                        plus.runtime.openURL(url);//openURL: 调用第三方程序打开指定的URL   .  openFile: 调用第三方程序打开指定的文件
                }
            _div_.appendChild(_img_);//方法向节点添加最后一个子节点。
        }

 

可以访问到手机相册,然后选中图片点击完成后,没有图片显示出来,我已经试过很多办法了,有没有有经验的大神给解决一下 谢谢!

所有回答列表(2)
simengruchi521的gravatar头像
simengruchi521  LV2 2017年3月16日

path你的给相对路径啊

guopeiyuan的gravatar头像
guopeiyuan  LV10 2017年3月22日

   已经搞定了

最近浏览
baizhongcai  LV24 2020年3月18日
woshizhulei  LV3 2019年10月10日
knklan  LV8 2019年9月21日
lkmaaa  LV1 2019年8月6日
duanliming 2019年5月10日
暂无贡献等级
我心我愿  LV2 2018年10月24日
Divecb  LV3 2018年8月12日
hgyu_962464 2018年6月27日
暂无贡献等级
shanshilong  LV19 2018年6月11日
香酥鸡腿  LV2 2018年2月7日
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友