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

2021-11-15 21:10 327阅读 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 条评论，327人围观）

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

相关阅读

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

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

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

相关微信小程序wx.previewImage预览图片

一.小知识 ![20170525131248116][] 二.例子 1.wxml <view class="container"> <view wx:fo

ゞ浴缸里的玫瑰/ 2021年09月12日 15:30/ 0 赞/ 312 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关微信图片点击预览

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

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

相关微信图片预览

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

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