在微信開發的的時候有時需要預覽圖片,我們會用微信中的:
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鏈接列表
});
});
//如在必要可以將數組打印出來對比一下就可知道了