关于微信wx.previewImage图片没有正常显示的问题
2017-09-13 11:12
274 查看
在微信开发的的时候有时需要预览图片,我们会用微信中的:
但是如果写完代码发现在手机上出现了黑屏的问题,有可能是以下几种情况:
1、urls后以的[]没有去掉,这个属于语法错误了,去掉就可以了
2、urls后的数组格式不正确,造成浏览器没有办法识别,这种情况经经常出现的就是在后台取出数据之后没有转换为js可以识别的数组而造成的;
正确格式:
wx.previewImage({ current: url, // 当前显示图片的http链接 urls: [] // 需要预览的图片http链接列表 });
但是如果写完代码发现在手机上出现了黑屏的问题,有可能是以下几种情况:
1、urls后以的[]没有去掉,这个属于语法错误了,去掉就可以了
$(".img_prev").click(function(){ var url =$(this).attr("src"); var arr = Array(); var urls =$("#img_prev").children("img").each(function(index){ var temp = $(this).attr("src"); arr.push(temp); }); wx.previewImage({ current: url, urls: [arr] //这里就将[]去掉 }); });
2、urls后的数组格式不正确,造成浏览器没有办法识别,这种情况经经常出现的就是在后台取出数据之后没有转换为js可以识别的数组而造成的;
正确格式:
$(".img_prev").click(function(){ var url =$(this).attr("src"); var arr = Array(); var urls =$("#img_prev").children("img").each(function(index){ var temp = $(this).attr("src"); arr.push(temp); }); wx.previewImage({ current: url, // 当前显示图片的http链接 urls: arr // 需要预览的图片http链接列表 }); }); //如在必要可以将数组打印出来对比一下就可知道了
相关文章推荐
- 关于tabBar的图片不能正常显示问题
- 关于iOS网络请求tabbart图片显示不正常的问题
- Asp.net2.0部署时TreeView控件无法正常显示没有图片的问题
- qt在windows下编译好的QT程序在其他没有安装QT的机器上会出现图标和图片无法正常显示的问题。
- 关于eclipse导出Java项目形成的jar包中没有图片以及图片显示问题
- 编译好的QT程序在其他没有安装QT的机器上会出现图标和图片无法正常显示的问题。
- Asp.net2.0部署时TreeView控件无法正常显示没有图片的问题
- treeview上传后无法正常显示图片问题
- 关于UIImageView的显示问题——居中显示或者截取图片的中间部分显示
- 关于《.net中多个图片并排循环排列显示的问题》[WEB学习示例]
- 关于selector中图片显示的一个小问题
- 关于APPLET中显示图片的问题
- 解决django关于图片无法显示的问题
- 关于tkinter显示图片遇到的问题
- 关于jsp中用css无法显示背景图片的问题
- aix机上图片不能正常显示的问题
- 关于png格式的图片在ie6中显示带背景的问题
- 关于jsp页面上无法显示图片的问题
- 关于Unity5.5+中的UGUI的ImageMask组件在安卓设备不能正常显示的问题的解决方案
- 关于VB6中代码显示PNG图片的问题