微信图片预览的小经验

#微信图片预览的心得

前几天应公司的需求给H5页面增加了一个图片预览的功能。讲道理并不难，只不过是因为第一次写，自己也是个刚刚工作的小白，走了很多的弯路。

首先写关于关于微信的东西看微信的SDK文档是肯定要的。

附上链接地址[微信sdk文档]

找到SDK文档图片预览的接口

wx.previewImage({
current: '', // 当前显示图片的http链接
urls: [] // 需要预览的图片http链接列表
});

以下完整代码

//要遍历所有需要预览的图片
	function taskPreviewImage(){
	var imgsurl=[];  
    var nowurl='';  
    var taskImgObj=$(".taskPreviewImage");
    for(var i=0;i<taskImgObj.length;i++){ 
        imgsurl[i]=taskImgObj[i].src;  
        taskImgObj[i].onclick=function(){  
            nowurl=this.src;  
            wx.previewImage({  
                current: nowurl,  
                urls: imgsurl  
            });               
        }

    }
}

但是也有问题，我不知是我的代码问题，还是本身安卓的微信有bug,就是不能扫描二维码,ios正常。希望大神赐教

这里我想了两个解决方案，一个需要前后端配合，还有一个就是纯前端解决。

1. 后台大致的判断一下图片是不是二维码，前端再做处理，如果是就不加预览效果，如果不是，就不加预览效果，单独给他加一个点击图片放大的功能。
2. 可以给图片数组的第一张不加预览功能，单独给他加一个点击图片放大的功能，其他正常加。

可以关注一下我