微信内置浏览器图片查看方式的原生实现(非jssdk)
2016-08-17 00:00
309 查看
对于非公众平台网页,想调起图片预览组件,就跟公众号文章一样的图片阅读方式,实现起来是比较简单的,官方也提供了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来实现图片预览.
代码如下:
最终效果和微信公众号文章的图片查看方式一样了.
但是本文并未采用jssdk实现,为什么呢?
jssdk需要先行注入配置,而配置需要到微信服务器进行验证,这样一来,会导致页面加载慢,用户体验差.
再说就一个图片预览功能,不可能设计到安全问题,因此,绕过了jssdk来实现图片预览.
代码如下:
<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)
- 微信内置浏览器图片查看方式的原生实现
- cocoscreator实现微信内置浏览器点击图片识别图中二维码
- 如何判断微信内置浏览器(通过User Agent实现)
- Android 实现微信,QQ,美丽说 自适应图片展示方式
- 微信中web页面实现和公众号中查看图片一样的效果
- 微信调用原生图片查看功能
- 使用photoview+viewpager实现图片缩放切换(类似微信朋友圈图片查看)
- html5将图片转换base64进行上传、应该能解决微信内置浏览器上传图片
- 微信内置浏览器中实现点击电话号码自动到拨号页面
- PHP限制网页只能在微信内置浏览器中查看并显示
- 使用微信内置浏览器预览图片
- PHP限制网页只能在微信内置浏览器中查看并显示
- Android仿微信照片选择器实现预览查看图片
- PHP限制网页只能在微信内置浏览器中查看并显示
- 微信浏览器点击图片使用手机相册查看大图功能.
- 利用scrollview 实现类似微信,微博中查看多张图片,实现缩放拉伸
- 原生ajax和iframe框架实现图片文件上传的两种方式
- PHP限制网页只能在微信内置浏览器中查看并显示
- 实现微信内置浏览器全屏播放模式下html元素漂浮