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

﹏ヽ暗。殇╰゛Y 2021-11-15 13:10 608阅读 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 条评论，608人围观）

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

相关阅读

相关 vue项目预览图片(只适用于微信浏览器开发)

预览图片使用的是微信JSSDK中的wx.previewImage接口，但是我们一般vue项目不使用jQuery，所以基于原生封装了一个方法,把下面的一段代码放到util....

深藏阁楼爱情的钟/ 2024年04月18日 16:31/ 0 赞/ 47 阅读

相关【微信内置浏览器】如何清除缓存？

前言有些时候，需要清除 `微信内置浏览器` 的缓存，那么如何做呢？安卓一、随便打开一个聊天窗口，输入 `debugx5.qq.com` 并发送。二、点

太过爱你忘了你带给我的痛/ 2023年02月10日 05:29/ 0 赞/ 71 阅读

相关微信图片预览

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

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

相关微信图片点击预览

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关微信小程序选择图片和预览图片

选择图片视频中,老师也是看着官方文档,为学生们讲解,微信提供了系统的方法来选择图片. wx.chooseImage(\{\}) 此方法是用来选择图片的方法,具体使用

素颜马尾好姑娘i/ 2021年09月17日 00:28/ 0 赞/ 658 阅读

相关微信小程序实现图片放大预览保存和滑动功能

效果图右边是手机展示效果 ![2020081419555551.gif][] ![watermark_type_ZmFuZ3poZW5naGVpdGk_sh

不念不忘少年蓝@/ 2021年09月01日 07:53/ 0 赞/ 802 阅读