html - img 标签不显示来自 instagram url 的图像

Question

我有 Instagram 图片的 url，我想在我的网站上显示它。但是，当我将链接放在<img src = "url_here" 标签中时，图像已损坏。

另外，当我单击 url 时，一切正常！我究竟做错了什么？

Example image link: https://scontent-hel3-1.cdninstagram.com/v/t51.2885-15/e35/s1080x1080/234879879_210397201037827_5953739215853095188_n.jpg?_nc_ht=scontent-hel3-1.cdninstagram.com&_nc_cat=107&_nc_ohc=ihwB1S1gPeMAX_87sTe&edm= ABfd0MgBAAAA&ccb=7-4&oh=bcb123def0c585cd7bb091373932c2c7&oe=611D6840&_nc_sid=7bff83

标签： htmlimageurlinstagram

Answer 1

你无法做到这一点。如果您检查浏览器的 devtools，在“网络”选项卡中，您将看到对图像的请求被阻止。这是因为服务器期望来自同一来源的请求，如以下响应标头所示：

跨域资源策略：同源

您可以在此处阅读更多相关信息：https ://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

没有办法避免这种情况，除非使用其他服务器代理请求，该服务器将在将图像发送到用户浏览器之前下载图像。