临时文件地址转换为 Base64 编码

在 UniApp 中将临时文件地址转换为 Base64 编码，可以使用 uni.getFileSystemManager 方法。这个方法提供了一个类似于 Node.js 的文件系统 API，可以在不同平台上读取文件内容并将其编码为 Base64。

下面是一个简单的示例，展示如何将临时文件路径（例如通过 uni.chooseImage 获取的图片路径）转换为 Base64 编码

<template>
  <div>
    <button @click="chooseImage">选择图片</button>
    <!-- 显示Base64编码后的文本 -->
    <p v-if="base64String">Base64: {{ base64String }}</p>
    <!-- 显示图片 -->
    <img :src="base64String" v-if="base64String" alt="Selected Image" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      base64String: ''
    };
  },
  methods: {
    chooseImage() {
      uni.chooseImage({
        count: 1, // 默认9
        sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
        success: (res) => {
          const tempFilePath = res.tempFilePaths[0];
          this.convertToBase64(tempFilePath);
        }
      });
    },
    convertToBase64(filePath) {
      const fs = uni.getFileSystemManager();
      fs.readFile({
        filePath: filePath,
        encoding: 'base64', // 指定编码为base64
        success: (res) => {
          // 构造data URL
          this.base64String = `data:image/jpeg;base64,${res.data}`;
        },
        fail: (err) => {
          console.error('Error reading file as base64: ', err);
        }
      });
    }
  }
};
</script>

解释

• 选择图片：chooseImage 方法使用 uni.chooseImage 来让用户选择一张图片，并获取其临时文件路径。
• 转换为 Base64：convertToBase64 方法接收一个文件路径作为参数，然后使用 uni.getFileSystemManager().readFile 读取文件内容并编码为 Base64。成功后，它会构造一个 Data URL 并将其赋值给 base64String，以便在页面上显示。

注意事项

• MIME 类型：在构造 Data URL 时，确保使用正确的 MIME 类型。上面的例子假设图片是 JPEG 格式。如果你不确定文件类型，可以根据文件扩展名或通过其他方式来确定。
• 性能考虑：对于较大的文件，将它们转换为 Base64 可能会导致内存占用增加，因为 Base64 编码的数据比原始二进制数据大约大 33%。如果处理大文件，请考虑直接上传或使用其他更有效的方式处理文件。
• 平台差异：虽然 uni.getFileSystemManager 是跨平台的，但某些特定平台可能有不同的行为或限制。务必测试你的应用在所有目标平台上的表现。

通过这种方式，你可以在 UniApp 中轻松地将临时文件路径转换为 Base64 编码，从而在前端直接处理文件内容。