採用微信自帶的點擊查看預覽圖片，並且放大縮小
實現方法：
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="">
3、注意
a.測試效果要在微信上測試（在電腦瀏覽器測試會報錯）
b.如果在微信上測試，點擊預覽後出現一直在加載無法顯示的情況，建議查看圖片的路徑是否正確，把圖片的路徑設置成全路徑。