【发布时间】:2021-10-16 05:22:52
【问题描述】:
我有 Instagram 图片的 url,我想在我的网站上显示它。但是,当我将链接放在 <img src = "url_here" 标记中时,图像已损坏。
另外,当我点击网址时,一切正常!我做错了什么?
【问题讨论】:
我有 Instagram 图片的 url,我想在我的网站上显示它。但是,当我将链接放在 <img src = "url_here" 标记中时,图像已损坏。
另外,当我点击网址时,一切正常!我做错了什么?
【问题讨论】:
你无法做到这一点。如果您检查浏览器的 devtools,在“网络”选项卡中,您将看到对图像的请求被阻止。那是因为服务器期望来自同一来源的请求,如下响应头所示:
跨域资源策略:同源
您可以在此处阅读更多信息:https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy
没有办法避免这种情况,除非使用其他服务器代理请求,该服务器将在将图像发送到用户浏览器之前下载图像。
【讨论】: