美文网首页
移动端调用图片查看功能

移动端调用图片查看功能

作者: 不羁夜猫咪 | 来源:发表于2019-04-23 17:05 被阅读0次

var urllist = new Array(); // 存放所有图片路径的数组

    var imglist = document.querySelectorAll('img'); // 节点集合

    // 循环节点,将每一个节点的图片路径存入数组、绑定click事件

    imglist.forEach((item, index) => {

      urllist.push(item.src);

      item.onclick = function () {

        WeixinJSBridge.invoke("imagePreview", {

          urls: urllist, // 路径数组

          current: this.src, // 当前需要显示的图片路径

        })

      }

    })

相关文章

网友评论

      本文标题:移动端调用图片查看功能

      本文链接:https://www.haomeiwen.com/subject/mehbgqtx.html