对于非公众平台网页,想调起图片预览组件,就跟公众号文章一样的图片阅读方式,实现起来是比较简单的,官方也提供了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来实现图片预览.
代码如下:
<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实例,下载可以直接使用,不懂的留言,
企业微信在其客户端内置了一个浏览器,企业微信指定的url只能在企业微信内部打开,否则会显示打开错误的提示; 原理就是让企业微信内置浏览器的agent头跟其他浏览器不一样,而这个文件就是调试工具,相当于给开发者提供了...
调用微信相机、相册接口,进行图片的选择与上传。因为微信接口给的demo使用过程中curl和file_get_contents出错,没有能解决,所以重写了一遍,所有接口请求都是通过file_get_contens接受的信息。放到控制器实例化后...
由于微信jssdk文档经常升级变动,不保证本实例能正常运行,只供参考。 本实例只支持PHP运行,其它语言可以作参考。
微信开发入门教程 jssdk,通过config接口注入权限验证配置java+jsp微信开发教程,功能:扫描二维码,拍照、本地选图,图片预览,上传图片,下载图片,获取当前网络状态,查看地理位置,获取当前地理位置打开地图,...
2、必须使用微信内置浏览器访问此页面才能查看效果; 程序功能: 通过微信JS-SDK调用微信内部的“扫一扫”功能,可以将您的手机模拟成为一台扫码设备,达到获取二维码扫描结果。扫描完成后可将获取的二维码内容...
PHP获取微信公众号JSSDK,拿到签名,返回前端,前端调用JSSDk,
该微信Jssdk调用的demo采用三层架构,并使用数据库来缓存全局jsapi_ticket,避免调用超出次数,内仅含微信分享给朋友以及分享至朋友圈两个接口的调用。内含数据库sql文件以及使用文档,代码中也有详细的注释,简单易懂...
官方没有asp的demo,弄了个asp版的微信jssdk (asp jssdk for weixin) asp版jssdk\jssdk.asp asp版jssdk\jssdk_config.asp asp版jssdk\sample.asp asp版jssdk\sha1.asp asp版jssdk
使用JSSDK主要包括 1、判断当前客户端版本是否支持指定JS接口、 2、分享接口(微信认证) 3、图像接口 4、音频接口 5、智能接口(识别语音并返回结果) 6、设备信息(获取网络状态) 7、地理位置 8、界面操作 9、...
官方没有asp的demo,弄了个asp版的微信jssdk
自己对企业微信jssdk做的一个封装,集成了vConsole和weui,可以方便的获取当前页面的入口环境信息: isWechat //是否微信浏览器 isLoading //是否在loading状态 vConsole //vConsole对象 context //当前页面...
微信获取jssdk例子JAVA例子生成sign签名(MD5格式) 校验sign
微信jssdk支付代码包,微信最新发布的微信支付jssdk功能。
做过微信开发的都知道,在部分android机型里微信不支持网页上传图片的,这是由于这些机型的文件上传存在内存泄漏,会导致微信闪退,所以微信内置浏览器将文件上传屏蔽,本篇文章给大家介绍使用微信jssdk如何上传图片,...
微信jssdk拍照
微信分享接口、图像接口、获取地理位置接口等实现原理及代码、PHP代码
微信在2015年后发布的微信支付 jssdk功能 最新的功能的DEMO
微信最初为了防止安卓端选图片导致内存泄露的问题而禁止了input file调用手机文件,后来是否开放不太清楚,我写这篇文章的时候微信可以使用input file,但不支持h5中input的multiple属性,所以只能单张多次上传,...