在 React Native 中使用 readAsStringAsync 将图像数组转换为 base64

Question

我有以下代码：

export const blSaveRecord = async (data) => {

  const params = new URLSearchParams()

  params.append('DocumentNumber', data.DocNumber)

  data.People.map((item, index) => {
     params.append(`Person[${index}].PersonDoc`, item.PersonDoc)
     params.append(
        `Person[${index}].Document[0].Base64File`,
        `data:image/jpg;base64,${FileSystem.readAsStringAsync(item.image, {
          encoding: FileSystem.EncodingType.Base64,
        })}`
     )
    })

    //THIS IS THE ISSUE:
    console.log(params)

    return axios
      .post(url_SaveRecord, params)
      .then(function (response) {
        return {
          status: true,
          message: '',
        }
      })
      .catch(function (error) {
        return {
          status: false,
          message: error.message,
        }
      })
  })

问题是 readAsStringAsync 方法是异步的，但我无法使用 await。 我试图调用另一个异步函数来创建这个方法并等待它，但这是不可能的。

问题是......我如何才能等待异步函数在地图内完成？ 在异步完成之前，我不想进行下一次迭代。

谢谢。

Answer 1

地图回调中的 Promise.all 异步函数更容易实现：

让响应=等待 Promise.all(data.People.map((item, index)=>{

//你的代码

}))