react跟taro的小程序一次性上传多张图片

最新推荐文章于 2023-07-03 10:30:00 发布

及时行樂225

最新推荐文章于 2023-07-03 10:30:00 发布

阅读量393

点赞数

文章标签： react.js taro 小程序

本文链接：https://blog.csdn.net/weixin_60623799/article/details/129669958

版权

该代码段展示了一个使用Taro框架的功能函数，用于选择媒体文件（主要是图片），然后利用Promise.all批量上传至服务器。函数接受token、类型(type)和图片数量(count)作为参数，返回一个包含文件URL和路径的数组。

摘要由CSDN通过智能技术生成

export function apiUploadImage(token: string, type: 0 | 1 | 2 | 3 | 4 | 5, count = 9): Promise<{
  fileUrl: string
  filePath: string
}[]> {

  return new Promise((resolve, reject) => {
    Taro.chooseMedia({
      mediaType: ['image'],
      count: count,
      sourceType: ['album', 'camera'],
      camera: 'front',
    }).then(data => {
      const file = data.tempFiles
      if (!file) return;
      const promises = data.tempFiles.map(image => {
        return new Promise((resolve, reject) => {
          Taro.uploadFile({
            header: {
              Authorization: token
            },
            url: configData.host + `/api/xcx/file/upload/${type}`,
            name: 'files',
            filePath: image.tempFilePath
          }).then(result => {
            if (result.statusCode === 200) {
              const data = JSON.parse(result.data);
              if (data.code === 'STATUS_000') {
                resolve(data.data[0]);
              } else {
                reject(data.msg)
              }
            } else {
              reject(result.errMsg)
            }

          }).catch(err => reject(err))
        })
      })
      return Promise.all(promises).then(data => {
        resolve(data as any)
      })
    }).catch(err => reject(err))

  })

用遍历的方式发送就可以一次性上传多张