微信小程序不显示base64位图片

qq_48354174

已于 2022-11-09 10:48:44 修改

阅读量2.9k

点赞数

分类专栏：微信小程序文章标签：小程序 base64

于 2021-01-29 15:46:47 首次发布

本文链接：https://blog.youkuaiyun.com/qq_48354174/article/details/113391070

版权

微信小程序专栏收录该内容

6 篇文章

订阅专栏

本文介绍了在uniapp开发微信小程序时遇到base64图片无法显示的问题及解决方法。通过使用wx.getFileSystemManager()将base64图片转换为本地文件，并使用file.writeFile()写入文件系统，成功解决图片显示问题。详细步骤包括获取文件系统管理器、写入文件和设置图片路径。

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

我是用uniapp开发，一开始在微信小程序无法显示base64 图片但是在开发者工具上可以
如果是存在自动换行的话可以使用

xxx.replace(/[\r\n]/g,"");

来解决
这个方法对我来说没有效果，于是我又找到另一种方法
使用 wx.getFileSystemManager() 来获取到全局唯一的文件系统管理器
具体可以看官方链接 https://developers.weixin.qq.com/miniprogram/dev/framework/ability/file-system.html
直接贴代码
wx.env被废弃替换为 uni.getEnvInfoSync();
const { microapp, common } = uni.getEnvInfoSync();

					let file = uni.getFileSystemManager();
					let successEwm = res.data.image;
					let filePath = common.USER_DATA_PATH + '/share_img_' + Date.now() + '.jpg'
					file.writeFile({
						filePath:filePath,
						data:successEwm.slice(22),
						encoding:'base64',
						success:res=>{
							console.log(res);
							this.succEwmUrl = filePath
						},
						fail:res=>{
							console.log(res);
						}
					})