Taro React组件开发（10） —— RuiUploadImages 多图片上传组件【转 base64 实现】

1. 需求分析

1. 使用 Taro.chooseImage 实现图片的选择；
2. 使用 Taro.request 实现图片的上传；
3. 微信小程序使用 Taro.getFileSystemManager 的 readFile 实现本地图片的 base64 的转换；
4. H5 使用 fetch 和 FileReader 实现本地图片的 base64 的转换。

2. 微信小程序实现 base64 转换

import { getFileSystemManager } from '@tarojs/taro';

// 微信小程序端获取图片的base64
function getWeappBase64 (filePath) {
  return new Promise((resolve, reject)=>{
    let fileManage = getFileSystemManager();
    fileManage.readFile({
      filePath,
      encoding:'base64',
      success:(e)=>{
        resolve(`data:image/jpg;base64,${e.data}`)
      },
      fail: err =>