api wx.previewImage() 图片预览无法显示
发布于 6 年前 作者 zxiao 3306 次浏览 来自 问答

需求：一个图文列表，点击图片预览

图片的链接是 http  协议的 url

出现问题的机型 华为 荣耀9

回调函数中log,success 和complete 都执行，

<image src='{{imglist[0]}}' catchtap='lookImg' data-thisimg="{{imglist[1]}}" data-imggroup="{{imglist}}" ></image>
data: {
    imglist: [
      'http://t12.baidu.com/it/u=4211007827,933461370&fm=173&app=25&f=JPEG?w=640&h=427&s=10D9296C885A9C5F5FF01909010070C3',
      'http://t10.baidu.com/it/u=1798949391,3175412965&fm=173&app=25&f=JPEG?w=640&h=335&s=8D82A654CE210D2000BF32DA0300108C'
    ],
  },
  lookImg: function (e) {
    console.log(e.currentTarget.dataset.thisimg);
    console.log(e.currentTarget.dataset.imggroup);
    wx.previewImage({
      current: e.currentTarget.dataset.thisimg, // 当前显示图片的http链接
      urls: e.currentTarget.dataset.imggroup, // 需要预览的图片http链接列表
      fail: function () {
        console.log('img load fai');
      },
      success: function () {
        console.log('img load success');
      },
      complete: function () {
        console.log('img load complete');
      }
    })
  },
6 回复

发布到体验版后，服务器域名是https开头，图片地址是http开头，图片地址放浏览器中可以打开，但是在手机上不管ios还是Android都处于黑屏一直加载，是什么原因，图片地址开头一定要https的吗

@smoothie

目前我调用wx.previewImage() api 也遇到同样的问题，代码与上述基本一致；打印的log也显示调用成功，给的图片地址可以正常访问；ios系统预览图片正常，但测试手机 华为P10 和 华为nova2s 预览图片时是黑屏， 微信也是最新的7.0.0版本；请问这个问题最后是如何解决的？

  

你好，麻烦提供相关的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html），方便定位问题

出现问题的是一个有问题的灰度包，请去weixin.qq.com下载最新版再试试

android版微信，最新的是v6.6.7，可还是在android手机上无法预览图片，到底怎么解决?

不需要appid 代码片段

wechatide://minicode/UxTe2hmt7h2p

需要appid  代码片段：

wechatide://minicode/6uTXcDmN7DcC

回到顶部