uniapp 公众号 base64转图片

在Uniapp中，如果需要将Base64数据转换为图片，可以按照以下步骤进行操作：

首先，可以使用uni.request函数发送一个请求到服务器，获取到Base64格式的图片数据。请求的URL可以是服务器的接口地址，需要确保服务器返回的是正确的Base64格式数据。

在请求成功的回调函数中，可以使用uni.getFileSystemManager().writeFile函数将Base64数据写入到本地文件中。这样可以将Base64数据转换为图片文件。

在writeFile的成功回调函数中，会返回一个保存了图片路径的参数。此时，可以将这个图片路径赋值给一个Vue的data属性，以便在页面中显示图片。

最后，在页面的模板中，可以使用img标签，并将路径绑定到src属性，以便显示图片。例如：通过 src="{{ imgPath }}" 将保存的图片路径赋值给img标签的src属性。

需要注意的是，转换Base64数据到图片的过程需要依赖于服务器接口的正确返回和uni.getFileSystemManager().writeFile函数的调用成功。同时，还需要适当处理请求失败和文件写入失败的情况，以提供更好的用户体验。

相关问题

uniapp中base64转图片

在uniapp中，可以使用以下方法将base64转换为图片：
import { pathToBase64, base64ToPath } from "路径"

// 将base64转换为图片路径
base64ToPath(res.data.data.poster).then(path => {
// 在这里可以使用图片路径进行相关操作
}).catch(error => {
// 处理错误
})

其中，base64ToPath方法将base64转换为图片路径，返回一个Promise对象，可以使用.then()和.catch()方法进行处理。在.then()方法中，可以获取到转换后的图片路径，可以使用该路径进行相关操作。在.catch()方法中，可以处理转换错误的情况。

uniapp 图片base64转url

uniapp中可以使用base64ToSave方法将图片的base64数据转换为本地图片url。首先，需要将base64字符串解析为图片格式和二进制数据。然后，使用uni-app的文件系统管理器将二进制数据写入本地文件，并返回文件的路径作为url。
代码示例：
base64ToUrl(base64data) {
const fsm = uni.getFileSystemManager();
return new Promise((resolve, reject) => {
const [, format, bodyData] = /data:image\/(\w+);base64,(.*)/.exec(base64data) || [];
if (!format) {
reject(new Error('ERROR_BASE64SRC_PARSE'));
}
const filePath = `${uni.env.USER_DATA_PATH}/tmp_base64src.${format}`;
const buffer = uni.base64ToArrayBuffer(bodyData);
fsm.writeFile({
filePath,
data: buffer,
encoding: 'binary',
success() {
resolve(filePath);
},
fail() {
reject(new Error('ERROR_BASE64SRC_WRITE'));
},
});
});
}

使用该方法，你可以将图片的base64数据转换为本地图片url。