微信图片预览遇到的一些问题总结:
1,图片路径要绝对路径,否则点击时,显示的是大图是第一张图。而不是点击的图片。
2,网站加载是http或https,jweixin-1.0.0.js的加载要对应起来。
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js?v=1"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js?v=1"></script>
$('.sccn-list-imgs li').unbind('click'); $('.sccn-list-imgs li').click(function(){ var baseUrl = document.location.protocol + '//'+location.host; var id = $(this).attr('id'); var srcList = []; var curSrc = baseUrl + $(this).find('img').attr('src'); //console.log(curSrc); $.each($('.list_pic_'+id),function(i,item){ if(item.src) { srcList.push(baseUrl + $(this).attr('src')); } }); wx.previewImage({ current: curSrc, // 当前显示图片的http链接 urls: srcList // 需要预览的图片http链接列表 }); });
相关推荐
自定义仿照微信聊天界面图片预览方式,放大打开,缩小关闭,避免了闪屏等现象
jQuery移动端仿微信图片放大查看 仿朋友圈中图片点击查看的功能 移动端需要这种功能的可以下载哦
模仿微信朋友圈 图片浏览 h5 html5 js 不需要jquery 纯js
微信防盗链处理,微信图片盗链,php微信图片盗链,盗链图片处理信息
网站开发和手机开发中,上传图片时候带预览功能.支持pc,手机,微信,都可以预览
只能在微信的浏览器里面使用,适用于移动开发,并且测试也只能在微信浏览器,调用的本身就是微信的图片浏览器小例子,仅仅用于测试, 效果是点击图片后演出一层,进行缩小方法,两只手指可以进行方法缩小,和手机...
仿微信图片查看,支持视频与图片同时观看,视频还未完善
网页js打开微信小程序js-SDK
微信电脑版(Windows)批量保存微信图片原图,AutoHotkey 脚本实现。
微信小程序预览word,excel,doc文件Demo代码,下载代码直接使用微信小程序打开运行即可,可以使用微信小程序对应的真机调试进行测试预览功能
CSS+JS实现仿微信图片信息展示,每张图片就显示如微信上面的信息效果,有个尖角
通过PhotoView来实现微信朋友圈的图片预览效果
PHP仿微信多图片预览上传
对微信dat格式的图片进行解密和预览,对无用的垃圾图片可以快速删除,解决微信占用磁盘空间问题
电脑端微信用户图片DAT格式转换图片
将dat格式微信图片转换为jpg等格式 源码地址:https://gitee.com/su-qiu/WXDatToImg
微信小程序:调起摄像头拍照并在页面预览图片 微信小程序:调起摄像头拍照并在页面预览图片 微信小程序:调起摄像头拍照并在页面预览图片 微信小程序:调起摄像头拍照并在页面预览图片 微信小程序:调起...
微信小程序图片放大预览,并双击可缩小的原始比例,利用scroll-view实现
仿微信图片编辑涂鸦、马赛克、裁剪
微信加密图片提取源码,