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

2021-11-15 21:10 276阅读 0赞

### **\* 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][https_mp.weixin.qq.com_wiki_t_resource_res_main_id_mp1421141115]

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

[https_mp.weixin.qq.com_wiki_t_resource_res_main_id_mp1421141115]: https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

文章版权声明：注明蒲公英云原创文章，转载或复制请以超链接形式并注明出处。

发表评论取消回复

表情：

评论列表（有 0 条评论，276人围观）

还没有评论，来说两句吧...

相关阅读

相关微信浏览器视频小窗播放微信网页

<video src="" controls="" x5-playsinline="" playsinline="" webkit-playsinline="" poster=

柔光的暖阳◎/ 2021年11月06日 05:06/ 0 赞/ 227 阅读

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

\ img图片一定是http开头非标准方法-不确定WeixinJSBridge可以用多久 function getImage() {

﹏ヽ暗。殇╰゛Y/ 2021年11月15日 21:10/ 0 赞/ 276 阅读

相关微信公众号开发，清除微信内置浏览器缓存

在做微信开发的时候（主要是微信内网页或者比较大型的手机网站）的时候，更改了页面代码，但是微信内置浏览器有缓存，还是之前的效果，影响调试，而且还死活清除不掉！！！！！怎么办？

痛定思痛。/ 2022年03月02日 19:36/ 0 赞/ 516 阅读

相关微信小程序：点击图片预览

做微信小程序的时候使用的图片大小不尽相同，为了让使用者能够浏览原图，就需要给图片添加点击预览的功能，下面我详细介绍一下实现步骤，首先介绍微信小程序文档中的使用教程： ![

妖狐艹你老母/ 2022年04月03日 11:14/ 0 赞/ 197 阅读

相关 H5调用微信图片显示预览

// 首选你要开心的引入下js <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></sc

深藏阁楼爱情的钟/ 2022年05月11日 14:18/ 0 赞/ 245 阅读

相关清除微信内置浏览器缓存

在做微信开发的时候（主要是微信内网页或者比较大型的手机网站）的时候，更改了页面代码，但是微信内置浏览器有缓存，还是之前的效果，影响调试，而且还死活清除不掉！！！！！怎么办？

叁歲伎倆/ 2022年05月15日 09:18/ 0 赞/ 201 阅读

相关微信浏览器缓存

原文地址：http://www.jianshu.com/p/cce9511c0914 手动清理缓存微信浏览器的奇葩，在ios和安

野性酷女/ 2022年06月07日 18:15/ 0 赞/ 77 阅读

相关微信图片点击预览

$(function(){ var imgsurl=[]; var nowurl=''; var imgObj=$(".swi

快来打我*/ 2022年06月08日 17:50/ 0 赞/ 149 阅读

相关微信图片预览

微信公众号开发中，点击查看大图，其实不需要再写js效果直接调用微信app的预览功能即可用例： <script> //图片列表

男娘i/ 2022年08月04日 21:47/ 0 赞/ 82 阅读

相关 android 微信图片浏览,Android微信图片浏览框架设计

一、业务场景 1、聊天界面发送图片==>多选点选+有右上角”发送”+图片预览==>图片预览支持右上角”发送”逻辑 2、发表动态==>多选点选+右上角”完成” + 图片预览=

朴灿烈づ我的快乐病毒、/ 2022年10月05日 08:44/ 0 赞/ 44 阅读

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

\ img图片一定是http开头非标准方法-不确定WeixinJSBridge可以用多久 function getImage() {

﹏ヽ暗。殇╰゛Y/ 2021年11月15日 21:10/ 0 赞/ 276 阅读

相关微信图片预览

微信公众号开发中，点击查看大图，其实不需要再写js效果直接调用微信app的预览功能即可用例： <script> //图片列表

男娘i/ 2022年08月04日 21:47/ 0 赞/ 82 阅读

相关微信图片点击预览

$(function(){ var imgsurl=[]; var nowurl=''; var imgObj=$(".swi

快来打我*/ 2022年06月08日 17:50/ 0 赞/ 149 阅读

相关清除微信内置浏览器缓存

在做微信开发的时候（主要是微信内网页或者比较大型的手机网站）的时候，更改了页面代码，但是微信内置浏览器有缓存，还是之前的效果，影响调试，而且还死活清除不掉！！！！！怎么办？

叁歲伎倆/ 2022年05月15日 09:18/ 0 赞/ 201 阅读

相关微信公众号开发，清除微信内置浏览器缓存

在做微信开发的时候（主要是微信内网页或者比较大型的手机网站）的时候，更改了页面代码，但是微信内置浏览器有缓存，还是之前的效果，影响调试，而且还死活清除不掉！！！！！怎么办？

痛定思痛。/ 2022年03月02日 19:36/ 0 赞/ 516 阅读

相关 android 微信图片浏览,Android微信图片浏览框架设计

一、业务场景 1、聊天界面发送图片==>多选点选+有右上角”发送”+图片预览==>图片预览支持右上角”发送”逻辑 2、发表动态==>多选点选+右上角”完成” + 图片预览=

朴灿烈づ我的快乐病毒、/ 2022年10月05日 08:44/ 0 赞/ 44 阅读

相关微信浏览器缓存

原文地址：http://www.jianshu.com/p/cce9511c0914 手动清理缓存微信浏览器的奇葩，在ios和安

野性酷女/ 2022年06月07日 18:15/ 0 赞/ 77 阅读

相关微信浏览器视频小窗播放微信网页

<video src="" controls="" x5-playsinline="" playsinline="" webkit-playsinline="" poster=

柔光的暖阳◎/ 2021年11月06日 05:06/ 0 赞/ 227 阅读

相关微信小程序：点击图片预览

做微信小程序的时候使用的图片大小不尽相同，为了让使用者能够浏览原图，就需要给图片添加点击预览的功能，下面我详细介绍一下实现步骤，首先介绍微信小程序文档中的使用教程： ![

妖狐艹你老母/ 2022年04月03日 11:14/ 0 赞/ 197 阅读

相关 H5调用微信图片显示预览

// 首选你要开心的引入下js <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></sc

深藏阁楼爱情的钟/ 2022年05月11日 14:18/ 0 赞/ 245 阅读