微信公众号单击预览图片，支持手势放大缩小和单击关闭

采用微信自带的点击查看预览图片，并且放大缩小
实现方法：
1.先在全局引入微信的js

<script type="text/JavaScript" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

2.在需要放大图片所在的文件内引入方法

funcReadImgInfo (imgObj) {
var imgs = []
for (var i = 0; i < imgObj.length; i++) {
imgs.push(imgObj.eq(i).attr('src'))
imgObj.eq(i).click(function () {
var nowImgurl = $(this).attr('src')
WeixinJSBridge.invoke('imagePreview', {
'urls': imgs,
'current': nowImgurl
})
})
}
},
//在方法中传入一个多张图片路径的数组，将每个路径循环处理，装到img的src内，然后再将整个img数组imgs 进行微信预览图片放大处理。
这样就完成了。
适用于：多张图片的轮播图 banner图，每张图都可以点开放大预览，

对于只展示单张图片的情况：
funcReadImgInfo (imgs,index) {
WeixinJSBridge.invoke('imagePreview', {
'urls': imgs,
'current': imgs[index]
})
},
//在方法中第一个参数传只有一张图片路径的数组（将这一张图片通过split(',')的方法转换成只有一张图片的数组）；第二个参数传数组下标（因为只有一张图片，即这张图片的下标就是0）。
html中代码如下
<img class="imageshow" v-if="picurl!=null" :src="picurl.split(',')[0]" @click="funcReadImgInfo(spicurl.split(','),0)" alt="">