有没有成功把base64的数据转成图片的，有的话发一下方法
发布于 5 年前 作者 lwen 8854 次浏览 来自 问答

求base64的数据转成图片的方法

4 回复

不知道你说的转成图片是指显示还是需要保存？

显示的话直接用base64的图片链接就可以了：

data:image/png;base64,你的图片base64数据

如果需要把图片下载保存，那么可以尝试一下先用canvas绘制出来再保存

神链接在此，哈哈哈~

将你的base64放到下方框框里，点击下方按钮就可以啦~~

网站链接：http://imgbase64.duoshitong.com

如下图所示：


// 我给下完整的方法. 思路: 先把base64格式的图片通过writeFile保存成文件,再调用接口保存到用户手机相册 
// this.data.qrcode_base64 是图片的base64内容,可以直接在模板页展示<image src="{{qrcode_base64 }}" />
// 欢迎关注个人小程序: 鸭蛋评分

save: function () {
   var self = this
  var fileManager = wx.getFileSystemManager()
   var imgPath = wx.env.USER_DATA_PATH + '/鸭蛋评分-'+this.data.info.grade_title+'.jpg'
  // 这步是关键,必须要清理掉这部分内容才能正常保存成图片,否者图片是打不开的
  var imageData = this.data.qrcode_base64.replace(/^data:image\/\w+;base64,/, "")
  // console.log(imageData)
  fileManager.writeFile({
    filePath: imgPath,
    data: imageData,
    encoding: 'base64',
    success:res=>{
      this.setData({
        imageUrl: imgPath
    })
      wx.saveImageToPhotosAlbum({
        filePath: imgPath,
        success: res=>{
          console.log(res)
        },
        fail: err=>{
        console.log(err)
        }
      })
    },
    fail: err=>{
      console.log(err)
    }
  })
},

writeFile可以吗？我没试过。。你发个 base64出来我试试呢。。

回到顶部