在 Postman API 中同时传递文件和 JSON 数据 - Javascript

您可能会遇到一些情况，需要同时上传文件和 JSON 数据到 Postman API。在 Javascript 中，可以使用 FormData 对象来同时上传文件和 JSON 数据。

创建一个 FormData 对象

const formData = new FormData();

添加 JSON 数据

要将 JSON 数据添加到 FormData 对象中，请使用 append 方法，将 JSON 字符串作为第二个参数传递。

const data = {
  name: "John",
  age: 30,
  city: "New York"
};

formData.append("data", JSON.stringify(data));

添加文件

要将文件添加到 FormData 对象中，请使用 append 方法，将文件作为第二个参数传递。文件对象可以是 input 元素的 files 属性或从服务器获取的文件 Blob。

const fileInput = document.getElementById("my-file-input");
const file = fileInput.files[0];

formData.append("file", file);

发送 POST 请求

使用 fetch 或 XMLHttpRequest 对象发送 POST 请求，并将 FormData 对象作为 body 参数传递即可。

使用 fetch

fetch("https://example.com/api", {
  method: "POST",
  body: formData
})
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

使用 XMLHttpRequest

const request = new XMLHttpRequest();
request.open("POST", "https://example.com/api");
request.send(formData);
request.onload = () => console.log(request.response);
request.onerror = () => console.error(request.statusText);

现在您已经知道如何在 Postman API 中同时传递文件和 JSON 数据了。记得始终使用最新版本的 Postman API，并在发送请求之前认真检查文档，确保了解 API 的要求。