如何在 React Native Expo 中发送表单数据和图像文件？

Question

大家好，我想使用 React Native Expo 将包含一些字符串和图像文件的 Formdata 发送到节点服务器，mongo db 谁能解释一下我如何使用 React Native Expo 做到这一点我已经尝试了几种方法，但我没有成功，但是我可以使用后端发送数据，但我不知道如何使用 React native expo 发送数据？

Answer 1

可用于从 React Native 发送数据的库之一是 Axios 你可以通过 :

安装它

npm i axios

这里是您如何使用它发送数据：

您可以 post 使用 FormData() 的 axios 数据，例如：

var bodyFormData = new FormData();

然后将字段添加到您要发送的表单中，以防您可以使用追加：

bodyFormData.append('userName', 'Fred');

如果您要上传图片，您可能需要使用 .append

bodyFormData.append('image', imageFile);

然后就可以使用axios post方法（可以相应修改）

axios({
  method: "post",
  url: "myurl",
  data: bodyFormData,
  headers: { "Content-Type": "multipart/form-data" },
})
  .then(function (response) {
    //handle success
    console.log(response);
  })
  .catch(function (response) {
    //handle error
    console.log(response);
  });

您可能感兴趣的相关文件： https://axios-http.com/docs/api_intro

如何在 React Native Expo 中发送表单数据和图像文件？

How to send formdata and image file in react native expo?

node.js

mongodb

react-native

expo