电光石火-穿越时空电光石火-穿越时空


微信小程序预览base64图片

wx.previewImage不支持base64格式预览图片,要实现预览base64的图片,需要用到解决办法:把base64作为临时文件存到本地,然后预览,预览结束时删除临时文件

Page({
  data: {
    //本机的临时文件路径
    localTempImgUrl: ''
  },
  onShow: function() {
    // 在这里删除临时文件
    var localTempImgUrl = this.data.localTempImgUrl;
    if(localTempImgUrl) {
      var fs = wx.getFileSystemManager();
      fs.unlinkSync(localTempImgUrl);
      fs.closeSync;
    }
  },
  //预览图片
  onPreviewImage() {
    var base64 = "data:image/PNG;base64," + this.data.base64;
    var imgPath = wx.env.USER_DATA_PATH + '/photo' + Date.parse(new Date()) + '.png';
    var imageData = base64.replace(/^data:image\/\w+;base64,/, "");
    var fs = wx.getFileSystemManager();
    fs.writeFileSync(imgPath, imageData, "base64");
    fs.close;
    this.setData({
      localTempImgUrl: imgPath
    })
    wx.previewImage({
      urls: [imgPath] // 需要预览的图片http链接列表
    })
  }
})
本博客所有文章如无特别注明均为原创。作者:似水的流年
版权所有:《电光石火-穿越时空》 => 微信小程序预览base64图片
本文地址:http://ilkhome.cn/index.php/archives/856/
欢迎转载!复制或转载请以超链接形式注明,文章为 似水的流年 原创,并注明原文地址 微信小程序预览base64图片,谢谢。

评论