微信小程序保存base64图片和普通图片

最新推荐文章于 2025-11-08 11:28:35 发布

原创

最新推荐文章于 2025-11-08 11:28:35 发布 · 767 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序 #前端

本文介绍了如何在微信小程序中保存普通图片和Base64格式的图片。对于普通图片，提供了本地路径和网络路径的处理方式，并强调需要先获取图片信息。保存Base64图片时，指出了需要先将Base64数据写入文件系统，然后才能进行保存操作。同时，还提示了网络路径下需配置downloadFile的合法域名。

保存普通图片
“/images/code.png”
“https://baidu.cn/a.png”
注意：首先需要拿到图片信息才可以保存；如果路径是网络路径必须配置downloadFile合法域名

getSavePicture(){
    wx.getImageInfo({    // 必写 拿到图片信息
      // src: '/images/code.png',
      src: 'https://baidu.cn/a.png',
      success (res) {
        console.log(res)
        wx.saveImageToPhotosAlbum({    // 保存图片
          filePath: res.path,
          success(r) {
            wx.showToast({
              title: '保存成功',
            })
          }
        })
      }
    })
},

保存base64图片
“data:image/png;base64,…”
注意：首先需要写入图片才可以保存 wx.getFileSystemManager

// 保存本地图片 
  getSavePicture(){
    var baseimg = ""  // base64图片
    const fs = wx.getFileSystemManager()
    const Imgpath = wx.env.USER_DATA_PATH + '/base64img' + '.png'
    fs.writeFile({
      filePath: Imgpath,  // 要写入的文件路径 (本地路径)
      data: baseimg,  // base64图片
      encoding: 'base64',
      s