微信内置浏览器 微信放大、预览图片官方接口

* img图片一定是http开头

 

非标准方法-不确定WeixinJSBridge可以用多久

function getImage() {
        let imgs = [];
        //获取图文中全部的img标签对象
        let imgObj = document.getElementsByTagName('img');
        let l=imgObj.length;
        // 遍历获取url
        for (let i = 0; i < l; i++) {
            imgs.push(imgObj[i].src);
            //以下调用微信内置图片浏览组建
            imgObj[i].onclick = function () {
                let nowImgurl = this.src;
                //获取当前点击图片url 切记 url必须是 http
                WeixinJSBridge.invoke("imagePreview", {
                    "urls": imgs,
                    "current": nowImgurl
                })
            }
        }
    }

 

js 页面加载完调用

window.onload=function(){
    // ......
}

 

vue 页面加载完调用，暂时先这样吧?

// 异步数据请求完成以后
setTimeout(function(){
// .....
},500)

 

微信依然提供了标准的图片预览

官方文档：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

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