首页 > 代码库 > 微信内置浏览器图片查看方式的原生实现(非jssdk)
微信内置浏览器图片查看方式的原生实现(非jssdk)
对于非公众平台网页,想调起图片预览组件,就跟公众号文章一样的图片阅读方式,实现起来是比较简单的,官方也提供了jssdk来做这个.详见 http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html#.E9.A2.84.E8.A7.88.E5.9B.BE.E7.89.87.E6.8E.A5.E5.8F.A3
但是本文并未采用jssdk实现,为什么呢?
jssdk需要先行注入配置,而配置需要到微信服务器进行验证,这样一来,会导致页面加载慢,用户体验差.
再说就一个图片预览功能,不可能设计到安全问题,因此,绕过了jssdk来实现图片预览.
代码如下:
Js代码
- <script>
- var imgsObj = $(‘img‘);
- var imgs = new Array();
- for(var i = 0; i < imgsObj.size(); i++){
- imgs.push(imgsObj.eq(i).attr(‘src‘));
- }
- $(‘img‘).on(‘click‘,function(){
- WeixinJSBridge.invoke(‘imagePreview‘, {
- ‘current‘: $(this).attr(‘src‘),
- ‘urls‘: imgs
- });
- });
- </script>
最终效果和微信公众号文章的图片查看方式一样了
微信内置浏览器图片查看方式的原生实现(非jssdk)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。