关于微信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链接列表
    });
});

//如在必要可以将数组打印出来对比一下就可知道了
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值