html - 如何在我的网站上显示 Instagram 图片

Question

我正在使用jsanahuja/jquery.instagramFeed在我的网站上显示 Instagram 提要

但是图像没有显示。我在控制台中收到以下错误。

GET https://scontent-arn2-2.cdninstagram.com/v/t51.2885-15/sh0.08/e35/s640x640/174191033_293248945850264_4706822520582962514_n.jpg?tp=1&_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=1&_nc_ohc=lUMp5EnMMW8AX__E42K&edm=ABfd0MgBAAAA&ccb=7-4&oh=c755580e7a5f0c8e3d4170122390efbc&oe=60AE0543&_nc_sid=7bff83 net::ERR_BLOCKED_BY_RESPONSE

我检查了浏览器中的标题。这是请求和响应标头。

甚至我创建了一个带有单个图像标签的简单 HTML 文件并使用

https://scontent-arn2-2.cdninstagram.com/v/t51.2885-15/sh0.08/e35/s640x640/174191033_293248945850264_4706822520582962514_n.jpg?tp=1&_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=1&_nc_ohc=lUMp5EnMMW8AX__E42K&edm=ABfd0MgBAAAA&ccb=7-4&oh=c755580e7a5f0c8e3d4170122390efbc&oe=60AE0543&_nc_sid=7bff83

作为图像源，但仍然出现相同的错误。

有没有可能显示图像？还是 Instagram 不允许我们在网站上使用他们的图片？

Answer 1

Instagram 现在设置 cross-origin-resource-policy: same-origin 如果它不喜欢您的浏览器在加载图像时发送到 cdninstagram 域的“引用者”。

尝试https://github.com/restyler/inwidget-proxified以获得完整的 Instagram 提要解决方案 (PHP)。