获取图像并读取正文流从 Chrome 选项卡中删除了预览

Question

当使用 fetch API 获取图像时，如下所示：

fetch("https://upload.wikimedia.org/wikipedia/commons/7/74/A-Cat.jpg")

Chrome 网络选项卡将显示图像预览：

使用 fetch API 获取图像并读取正文流时：

fetch("https://upload.wikimedia.org/wikipedia/commons/7/74/A-Cat.jpg")
  .then(r => r.blob());

Chrome 网络选项卡将显示图像的损坏预览：

我假设发生这种情况是因为 Chrome 无法再次读取正文流，这是有道理的。但是有没有办法在 Chrome 网络选项卡中仍然正确显示预览？这对于调试非常有用。

Answer 1

在这里回答我自己的问题...（谢谢 Stackoverflow 橡皮鸭）

克隆响应可以修复此问题。

fetch("https://upload.wikimedia.org/wikipedia/commons/7/74/A-Cat.jpg")
  .then(r => r.clone().blob());