Response：bodyUsed 属性

基线广泛可用

自 2017年3月起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

了解更多
查看完整兼容性

备注： 此特性在 Web Worker 中可用。

Response 接口的 bodyUsed 只读属性是一个布尔值，指示主体是否已被读取。

值

一个布尔值。

示例

检查 `bodyUsed`

本示例说明读取响应的主体会将 bodyUsed 的值从 false 变为 true。

该示例包含一张空图片。

当示例的 JavaScript 运行时，我们获取一张图片，并将返回的 Promise 赋给变量 responsePromise。

当用户点击“使用响应”时，我们检查该响应是否已被使用。如果已使用，则打印一条消息。如果尚未使用，则读取响应主体，并用它为图片的 src 属性提供值。

HTML

html

<p><button id="use">使用响应</button> <button id="reset">重置</button></p>
<p><img id="my-image" src="" width="150" /></p>
<pre id="log"></pre>

JavaScript

const useResponse = document.querySelector("#use");
const reset = document.querySelector("#reset");
const myImage = document.querySelector("#my-image");
const log = document.querySelector("#log");

const responsePromise = fetch(
  "/shared-assets/images/examples/firefox-logo.svg",
);

useResponse.addEventListener("click", async () => {
  const response = await responsePromise;
  if (response.bodyUsed) {
    log.textContent = "主体已被使用！";
  } else {
    const result = await response.blob();
    const objectURL = URL.createObjectURL(result);
    myImage.src = objectURL;
  }
});

reset.addEventListener("click", () => {
  document.location.reload();
});