是否存在“良好实践”？不依赖FormData发送文件的方法？

发布于 2025-01-14 15:27:04 字数 276 浏览 2 评论 0原文

我目前正在开发一个具有 React Native 前端和 Node.js/Express 后端的应用程序。我完全能够使用 FormData 和 Content-Type multipart/form-data 上传文件。我遇到的问题是，当使用 FormData 时，您希望在请求正文中发送的任何其他数据都必须转换为字符串。当简单地发送 JS 对象作为请求正文时，情况并非如此（当然，只要您在后端解析它）。我想知道是否有一种好的实践方法可以在请求中与 JSON 一起发送一个或多个文件，而不会丢失所述 JSON 的类型？

谢谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

冷…雨湿花 2025-01-21 15:27:04

当您坚持将图像与 JSON 中的其他数据一起发送时，据我所知，您唯一的选择是将图像转换为可以通过 JSON 传输的某种数据类型。

最明显的选择是字符串，这里通常使用的是 base64 编码。然而，它的效率不是很高，并且可能会导致滞后。

有时为了保持在 JSON 域内但仍然能够上传图像，需要创建两个端点。一种用于 JSON 数据。一种用于以二进制格式上传图像。

回复收藏 0 原文

明月松间行 2025-01-21 15:27:04

将数据以 JSON 形式添加到 FormData 的字段中：

const data = {
  foo: ["bar", 1]
};
const file = new File(["some content"], "myfile.txt");
const formdata = new FormData();
formdata.append("file", file);
// Send as JSON
formdata.append("data", JSON.stringify(data));

const req = new Request("./", { method: "POST", body: formdata });

// simulate server side getting the response
req.formData().then( (fd) => {
  const received_file = fd.get("file");
  // parse JSON
  const received_data = JSON.parse(fd.get("data"));
  console.log({ received_file, received_data });
});

Add your data as JSON in a field of the FormData:

const data = {
  foo: ["bar", 1]
};
const file = new File(["some content"], "myfile.txt");
const formdata = new FormData();
formdata.append("file", file);
// Send as JSON
formdata.append("data", JSON.stringify(data));

const req = new Request("./", { method: "POST", body: formdata });

// simulate server side getting the response
req.formData().then( (fd) => {
  const received_file = fd.get("file");
  // parse JSON
  const received_data = JSON.parse(fd.get("data"));
  console.log({ received_file, received_data });
});

回复收藏 0 原文

~没有更多了~