资讯专栏INFORMATION COLUMN

微信JSSDK 预览图片接口 开发

CarlBenjamin / 1371人阅读

摘要:应用场景在微信公众号开发图片预览功能,例如多张产品图片浏览,微信已经提供了预览图片接口。实现代码加载微信这行代码,引入了第三方微信,也可以具体参考微信手册配置。绑定图片点击事件当前显示图片的链接需要预览的图片链接列表

应用场景

在微信公众号开发 图片预览功能,例如 多张产品图片浏览 ,微信JSSDK 已经提供了 预览图片接口。效果图如下:

点击上面图片,弹出以下(这两张图,只是类似示例)

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

根据以上微信提供的 预览图片接口,给需要预览的图片绑定点击事件,获取当前点击图片的 src 地址传到 接口的current参数,获取所有需要预览图片元素,循环遍历,把每一个图片元素 src地址 存储到数组,并传到接口的 urls 参数。

实现代码
    //加载微信JSSDK
    
    
     //这行代码,引入了第三方微信SDK,也可以具体参考微信手册配置。
     wx.config(config(array("previewImage"), false,false,true)  ?>);
        
     $(".imglist").click(function(event) {//绑定图片点击事件
            
            var thisimg=$(this).attr("src");
            var imglist=$(".imglist");
            var srcs=new Array();
            for (var i =0; i            
               
                                           
                       
                 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/86451.html

相关文章

  • 微信网页开发调用微信jssdk接口遇到的坑以及最终解决方法 (持续更新)

    摘要:在系统的手机中,其实微信点击网页的图片会自动调用这个接口一次。然后在在下面进行微信的接口的调用判断是还是终端终端更新这个好像微信自己修复了,现在无论还是,如果不调用这个方法,微信自己不会去调用了。 1.微信网页开发调用jssdk时报permission denied 大致是两个原因 (1)首先注册时未将你所调用的接口名字添加至jsApiList (2)第二个就是你的这个公众号没有权限使...

    Little_XM 评论0 收藏0
  • 微信开发之录音上传、下载、转码

    摘要:具体请看我在提问里的回答下载七牛云文件间歇性失败总结至此,在微信开发中关于录音这一块儿的功能,就已经介绍完毕。 showImg(https://segmentfault.com/img/remote/1460000013595733?w=454&h=339); 原文是在我自己博客中,小伙伴也可以点阅读原文进行跳转查看,还有好听的背景音乐噢~     一年的时间里,前前后后都在搞微信开发...

    余学文 评论0 收藏0
  • jssdk 在history模式下安卓不能调用图片上传接口和分享接口

    摘要:配置先上配置每个页面都调用微信授权配置注是我在暴露的接口这份配置主要是根据微信公众号开发踩坑记录配置而来。 首先说明,应用环境是使用的是vue+vue-router,history模式开发的单页应用。 配置 先上配置??? // index.js const protocol = location.protocol + // + location.host; router.afterE...

    dkzwm 评论0 收藏0

发表评论

0条评论

CarlBenjamin

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<