您的位置:首页 > 移动开发 > 微信开发

关于微信wx.previewImage图片没有正常显示的问题

2017-09-13 11:12 274 查看
在微信开发的的时候有时需要预览图片,我们会用微信中的:

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链接列表
});
});

//如在必要可以将数组打印出来对比一下就可知道了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: