微信内置浏览器图片查看方式的原生实现

最新推荐文章于 2024-03-30 09:54:27 发布

转载最新推荐文章于 2024-03-30 09:54:27 发布 · 3.3k 阅读

文章标签：

#微信图片查看

微信开发专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用微信JS桥实现的图片预览功能。通过监听页面中所有图片元素的点击事件，利用WeixinJSBridge.invoke调用接口展示当前点击的图片及其所在集合内的其他图片。

  <script>  
    var imgsObj = $('img');  
    var imgs = new Array();  
    for(var i = 0; i < imgsObj.size(); i++){  
        imgs.push(imgsObj.eq(i).attr('src'));  
    }  
      
        $('img').on('click',function(){  
            WeixinJSBridge.invoke('imagePreview', {  
            'current': $(this).attr('src'),  
            'urls': imgs  
        });  
        });  
</script>