凉风有信,秋月无边
亏我思娇的情绪、好比度日如年

解决图片防盗链导致图片显示不出来(适合所有的防盗链图片)

文章摘要

这篇文章介绍了如何通过HTML的`<meta>`标签设置`Referrer`和`ReferrerPolicy`属性来解决网页被浏览器拦截的问题。文章指出,可以使用`<meta name="referrer" content="never">`来删除`Header`中的`Referrer`,并补充了`no-referrer`支持。此外,文章介绍了`ReferrerPolicy`属性的使用,说明它可以更精确地指定某个资源的`Referrer`策略,例如仅对图片取消`Referrer`,并通过示例展示了其应用效果(如解决防盗链问题)。文章强调了这些技术在实际开发中的实用性和优势。

1. 删除 Header 中的 Referrer
<meta name=”referrer” content=”never”>
content 有四个值可以选择 never,always,origin,default 这是来自于 whatwg 标准,浏览器对他的支持还是很好的。
MDN 标准,还多了一个 no-referrer

2.添加 ReferrerPolicy 属性
添加 meta 标签相当于对文档中的所有链接都取消了 referrer,
而R eferrerPolicy 则更精确的指定了某一个资源的referrer策略。
关于这个策略的定义可以参照MDN。比如我想只对某一个图片取消referrer,如下编写即可:

<img src=”xxxx.jpg” alt=”解决图片的防盗链导致图片显示不出来(适合所有的防盗链图片)” referrerPolicy=”no-referrer” />

亲测好用.

赞(0) 打赏
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《解决图片防盗链导致图片显示不出来(适合所有的防盗链图片)》
文章链接:https://www.1004619.com/biji/20230801166.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 抢沙发

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续提供更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫

微信扫一扫