關於微信wx.previewImage圖片沒有正常顯示的問題

在微信開發的的時候有時需要預覽圖片,我們會用微信中的:

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

//如在必要可以將數組打印出來對比一下就可知道了
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章