無法使用 expo 將圖像上傳到 node.js 服務器並做出本機反應

Question

每當我嘗試從我的本機代碼向服務器發送表單數據或文件時，我都沒有在本機控制台中獲得 assets[0].fileSize 和 assets[0].fileName。 我的 React Native 代碼是：

const { status } = await Permissions.askAsync(Permissions.MEDIA_LIBRARY);
if (status !== "granted") {
  // Handle permission denied
  return;
}

const result = await ImagePicker.launchImageLibraryAsync({
  mediaTypes: ImagePicker.MediaTypeOptions.Images,
});
console.log(result);

/**
I am getting this output from result:
 {
  assets: [
    {
      assetId: "1610",
      base64: null,
      duration: null,
      exif: null,
      height: 1840,
      rotation: null,
      type: "image",
      uri: "file:///data/user/0/host.exp.exponent/cache/ExperienceData/%2540anonymous%252Fhelo-c554b96a-1355-4a71-8550-01d96488539b/ImagePicker/21bc87ec-4534-40d8-a86d-bd676ad9cbb2.jpeg",
      width: 3264,
    },
  ],
  canceled: false,
  cancelled: false,
};

**/

我正在使用 expo-image-picker 來選擇圖像。 在服務器端，我使用 multer().any() 來處理傳入服務器的文件。

我已經嘗試了更多的包：用於文件上傳的 xhr 但沒有用。

Answer 1

Expo 返回的 URI 是對設備 memory 上圖像數據的引用，您應該根據后端支持的數據類型上傳base64或二進制數據。

為了簡單起見，我建議為expo-image-picker picker 啟用 base64 - https://docs.expo.dev/versions/latest/sdk/imagepicker/#imagepickerasset