【问题标题】:img tag doesn't show the image from an instagram urlimg 标签不显示来自 instagram url 的图像
【发布时间】:2021-10-16 05:22:52
【问题描述】:

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

另外,当我点击网址时,一切正常!我做错了什么?

示例图片链接: 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

【问题讨论】:

    标签: html image url instagram


    【解决方案1】:

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

    跨域资源策略:同源

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

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

    【讨论】:

    • 但是网络标签里有200 OK状态,还是我错了?
    • 当您打开图像的 URL 时,您正在查看请求。尝试在嵌入图像时查找请求,就像您在代码 sn-p 中所做的那样。
    • 好的,谢谢你的帮助,会试试别的。
    猜你喜欢
    • 2021-11-30
    • 1970-01-01
    • 2014-09-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-11-22
    • 2019-11-27
    相关资源
    最近更新 更多