微信JSSDK接口,previewImage
来源:互联网 发布:mac跳过打开软件验证 编辑:程序博客网 时间:2024/05/16 11:35
在微信里看过文章的应该知道,文章里的图片点击后可以放大、分享和保存。
然而自己在微信里开发的网页,里面的图片点击后没办法实现这个效果,然后就去看了下微信JS文档,里面有个previewImage可以调用。
previewImage是微信客户端给内置浏览器增加的一个Javascript Interface,通过调用这个API,可以调起微信客户端提供的大图片查看组件。
官方说明和例子:
- wx.previewImage({
- current: '', // 当前显示图片的http链接
- urls: [] // 需要预览的图片http链接列表
- });
- document.querySelector('#previewImage').onclick = function () {
- wx.previewImage({
- current: 'http://img5.douban.com/view/photo/photo/public/p1353993776.jpg',
- urls: [
- 'http://img3.douban.com/view/photo/photo/public/p2152117150.jpg',
- 'http://img5.douban.com/view/photo/photo/public/p1353993776.jpg',
- 'http://img3.douban.com/view/photo/photo/public/p2152134700.jpg'
- ]
- });
- };
可以看出例子中的数据是写死在里面的,所以要自己写个JS,然后把指定div里面图片加载到wx.previewImage中
- <div id="previewImage">
- <img src="https://www.hackhp.com/1.jpg"><img src="https://www.hackhp.com/2.jpg" >
- </div>
把图片链接都添加到wx.previewImage里
- <script>
- $(document).on('click', '#previewImage img',function(event) {
- var imgArray = [];
- var curImageSrc = $(this).attr('src');
- var oParent = $(this).parent();
- if (curImageSrc && !oParent.attr('href')) {
- $('#previewImage img').each(function(index, el) {
- var itemSrc = $(this).attr('src');
- imgArray.push(itemSrc);
- });
- wx.previewImage({
- current: curImageSrc,
- urls: imgArray
- });
- }
- });
- </script>
阅读全文
0 0
- 微信JSSDK接口,previewImage
- 微信JSSDK接口,previewImage
- 微信jssdk接口
- 微信JSSDK 地图接口
- 微信 jssdk 分享接口
- 微信jssdk分享接口问题汇总
- 微信jssdk接口(php)
- JSSDK,微信JS接口,分享朋友圈狀態捕獲,項目實例
- 微信JSSDK上传,下载多媒体文件详情接口
- JSSDK微信接口 Java接入 转发分享信息
- 微信JSSDK的接口invalid signature解决方法
- 微信JSSDK分享接口,wechat,share ,onMenuShareAppMessage wx.onMenuShareTimeline
- 微信接口开发,新浪云无法写入jssdk.php
- 微信开发之JSSDK接口开发(Java)
- 微信 JSSDK
- 微信JSSDK-demo
- 微信JSSDK使用指南
- 微信:JSSDK开发
- android进阶:理解RxJava2的调用原理
- 【Spring】Spring配置数据源的常用方式
- jira+Confluence Wiki安装
- 调通sina33m下的AP6212A0版本(分色排版)V1.0版本
- android stuido view视图可视化错误
- 微信JSSDK接口,previewImage
- 七牛python sdk 上传报SSL: CERTIFICATE_VERIFY_FAILED]
- 文章标题
- 股市K线图指标算法的代码实现(二)
- 通用搜索引擎的垂直化倾向
- swift3.0 可选绑定共用同一块内存空间
- 清除缓存
- SharedPreferences的简单封装
- 使用Linq的Intersect与Except方法的实例