guopeiyuan的gravatar头像
guopeiyuan2017-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 LV22017年3月16日

path你的给相对路径啊

guopeiyuan的gravatar头像
guopeiyuan LV102017年3月22日

   已经搞定了

最近浏览
shanshilong LV186月11日
太阳星星星星
香酥鸡腿 LV12月7日
星星
spark123 LV12017年11月28日
星星
hugh314159 LV12017年11月10日
星星
caohao332425 LV12017年11月6日
星星
CalyWen2017年9月22日
暂无贡献等级
tb2124248 LV122017年9月14日
月亮月亮月亮
xieqiang007 LV12017年5月25日
星星
都说我们很般配 LV72017年4月17日
月亮星星星星星星
yuanfen LV142017年4月6日
月亮月亮月亮星星星星
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友