javascript - 如何查找在获取请求时发送了多少字节？

Question

我正在使用 javascript 的获取 API 从不同的 API 获取数据。但是我如何才能知道每个分析请求发送了多少字节？

请求可以是任何方法。我知道我可以获得接收到的字节数response.headers["content-length"]。我需要找到一种方法来获取在前端(使用 React Native 的浏览器或移动设备)上发送的字节数。理想情况下，它应该是请求的总大小，但只要请求正文的大小就足够了。

Answer 1

您可以通过读取请求的正文作为文本并检查返回字符串的长度来获取将在 Content-Length header 中设置的值:

(async () => {
  const formdata = new FormData();
  const file = new Blob(["data".repeat(1024)])
  formdata.append("key", file)
  const req = new Request("/", { method: "POST", body: formdata });
  // note that we .clone() the Request
  // so that we can still use the original one with fetch()
  console.log((await req.clone().text()).length);
  fetch(req);
  console.log("check the Network panel of your dev tools to see the sent header");
})();

然而，这仅适用于发送此 header 的请求，即不适用于 GET 和 HEAD 请求。