<Img> 标签不下载图像，而图像可用答案

【问题标题】：Instagram web api get: :ERR_BLOCKED_BY_RESPONSE<Img> 标签不下载图像，而图像可用
【发布时间】：2021-05-02 01:48:18
【问题描述】：

我在我的网站中使用<img> 标签，它运行良好，但对于所有来自 Instagram 的图片，其中一些没有显示。看看 Firefox 开发控制台中的“网络”部分，我意识到这些图像没有正确下载（以下一个只有 468B）传输而实际图像大小实际上约为 200KB。

如果我复制 url 链接并将其直接粘贴到浏览器中，我可以看到图像已加载。任何见解怎么会发生这种情况？

<img> 标记请求的图像的示例响应标头

HTTP/2 200 OK
last-modified: Wed, 02 Sep 2020 11:24:35 GMT
content-type: image/jpeg
x-haystack-needlechecksum: 3892793944
x-needle-checksum: 2679108908
x-fb-config-version-olb-prod: 1089
timing-allow-origin: *
cache-control: max-age=1209600, no-transform
content-length: 111402
x-fb-trip-id: 2096174809
date: Sun, 02 May 2021 01:52:29 GMT
cross-origin-resource-policy: same-origin
alt-svc: h3-29=":443"; ma=3600,h3-27=":443"; ma=3600
X-Firefox-Spdy: h2

如果我直接在浏览器中访问该图像网址，则响应标头：

HTTP/2 304 Not Modified
last-modified: Wed, 02 Sep 2020 11:24:35 GMT
content-type: image/jpeg
x-haystack-needlechecksum: 3892793944
x-needle-checksum: 2679108908
x-fb-config-version-olb-prod: 1089
timing-allow-origin: *
cache-control: max-age=1209600, no-transform
x-fb-trip-id: 2096174809
date: Sun, 02 May 2021 01:53:32 GMT
cross-origin-resource-policy: same-origin
alt-svc: h3-29=":443"; ma=3600,h3-27=":443"; ma=3600
X-Firefox-Spdy: h2

【问题讨论】：

468 字节表示 HTML 内容或 HTTP 302 响应。请在这两种情况下发布完整的响应标头。
@Dai 我已经更新了标题。
您了解 HTTP 304 响应的含义吗？

标签： image

【解决方案1】：

如果 Instagram 不喜欢您的浏览器在加载图片时发送到 cdninstagram 域的“推荐人”，Instagram 现在会设置 cross-origin-resource-policy: same-origin。

以下是相关的质量检查： https://stackoverflow.com/a/67293454/15404876

【讨论】：