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

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

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

相关阅读

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

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

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

相关微信图像预览接口调用例子

var $images = $("content").find("img"); var imgPaths = [];

小鱼儿/ 2024年02月17日 16:55/ 0 赞/ 113 阅读

相关企业微信预览图片的接口使用wx.previewImage

企业微信wx.previewImage接口功能：页面上点击图片，然后图片放大进行预览（此处是身份证照片） <div class="weui-cell w

我就是我/ 2023年10月03日 13:03/ 0 赞/ 25 阅读

相关微信图片预览

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

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

相关微信图片点击预览

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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