在微信开发的的时候有时需要预览图片,我们会用微信中的:
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链接列表
});
});
//如在必要可以将数组打印出来对比一下就可知道了