小程序图片保存入坑指南

情破

于 2019-04-28 04:23:36 发布

阅读量1k

点赞数

分类专栏：小程序 vue 文章标签：小程序保存图片总结坑点回收

本文链接：https://blog.youkuaiyun.com/u014106478/article/details/89629913

版权

本文记录了在小程序项目中实现保存图片到相册功能遇到的问题及解决方案，包括利用base64方法转换保存和处理大尺寸图片，以及网络图片下载为临时文件路径的保存方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序保存到相册的坑点

需求整理

需求整理

小程序的项目中应用到了保存图片分享到朋友圈的功能，刚开始以为不是很难，后来也是踩了一些坑，这里特此记录下来，以便查阅。

利用base64方法进行图片缓存

小程序文档中关于图片保存应用到了wx.saveImageToPhotosAlbum的api，其中文件的路径不支持网络路径，后台返回的是base64的格式这里我们需要将其转换。参考base64转为图片保存

相关代码如下：

      /*
         无关代码略
       */
	 	var path  = wx.env.USER_DATA_PATH; //定义图片临时路径为微信全局路径
		 var fileManager = wx.getFileSystemManager();//文件系统api
		 let startIdx = this.Img.indexOf('base64,') + 7;
		 let timestamp = new Date().getTime();
		 fileManager.writeFile({
   
            filePath: `${
     wx.env.USER_DATA_PATH}/test/${
     timestamp}.png`,
            data: this.qrcode.slice(startIdx),
            encoding: 'base64',
            success:

最低0.47元/天解锁文章