核心提示：微信图片预览的心得前几天应公司的需求给H5页面增加了一个图片预览的功能。首先写关于关于微信的东西看微信的SDK文档是肯定要的。找到SDK文档图片预览的接口wx.previewImage({curren...
微信图片预览的心得
前几天应公司的需求给H5页面增加了一个图片预览的功能。
首先写关于关于微信的东西看微信的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
});
}
}
}
后台大致的判断一下图片是不是二维码，前端再做处理，如果是就不加预览效果，如果不是，就不加预览效果，单独给他加一个点击图片放大的功能。 可以给图片数组的第一张不加预览功能，单独给他加一个点击图片放大的功能，其他正常加。
