收藏
回答

pc下查看微信小程序图片,wx.previewImage不能正常显示图片

问题类型 API/组件名称 微信版本 基础库版本
Bug wx.previewImage 4.1.8.107 3.8.9

CTLTC地毯 小程序,点击首页产品展示 印花满铺地毯 ,再点击餐厅包房 ,进入后点击详情图片 H7401,跳出放大的图片不显示,相关代码如下

var that = this;

  var nowImgUrl = e.target.dataset.src;

  var tagFrom = e.target.dataset.from;

  var disable_save_img = that.data.disable_save_img || false;

  let systemInfo = wx.getSystemInfoSync();


  if (systemInfo.platform === 'windows' || systemInfo.platform === 'mac') {

        wx.downloadFile({

          url: nowImgUrl, // 你清洗过的 URL

          success: (res) => {

            if (res.statusCode === 200) {

              // 4. 拿临时文件路径去预览

              wx.previewImage({

                urls: [res.tempFilePath], 

                current: res.tempFilePath,

              });

            } else {

              wx.showToast({ title: '图片下载失败', icon: 'none' });

            }

          },

          fail: (err) => {

            console.error('downloadFile fail', err);

            wx.showToast({ title: '网络异常,无法预览', icon: 'none' });

          }

        });

    }


  if (typeof (tagFrom) != 'undefined' && tagFrom.length > 0 && !disable_save_img) {

    var binddata = getBindData(that, tagFrom);

    wx.previewImage({

      current: nowImgUrl, // 当前显示图片的http链接

      urls: binddata.imageUrls // 需要预览的图片http链接列表

    })

  }


请问要如何调整

回答关注问题邀请回答
收藏

2 个回答

  • 启年
    启年
    05-27

    电脑端为什么要downloadFile呢?

    直接 预览不行吗?

    05-27
    有用
    回复 3
    • lilac
      lilac
      05-27
      就是直接预览不行才用这个downloadFile
      05-27
      回复
    • 启年
      启年
      05-27回复lilac
      但是你downloadFile 报错了啊,你看看具体报错信息
      05-27
      回复
    • 启年
      启年
      05-27回复lilac
      previewImage 是没问题的!PC也可以。
      05-27
      回复
  • 神经蛙
    神经蛙
    05-27

    previewImage 看看 fail 报什么错误

    05-27
    有用
    回复
登录 后发表内容