uniapp 公众号 base64转图片

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

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

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

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

4. 最后，在页面的模板中，可以使用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。