img 标签反防盗链，求测试后再复制别人的

❌ 错误写法

之前经常看到 img 标签可以不发送 referrer，这样可临时用些图片，就在掘金里搜索了下"图片防盗链"，看了几篇文章都写的是

<img referrer="noreferer".../>

就拿来试了下，开始不显示，刷新了下又显示了，就想着是不是有问题，清了缓存试了几遍果真是不行， 只好 google 了下，结果一看，发现 img 完全没有 referrer 这个属性，正确是 referrerpolicy MDN

✅ 正确写法

<img referrerpolicy="no-referrer".../>

<!-- or -->
<meta name="referrer" content="same-origin" />

如果使用 lazyload 的话 new Image 也可以使用 referrerPolicy这个属性

整个页面不带 referrer (<img>, <link>, <script>, .etc)

<meta name="referrer" content="no-referrer"/>

参考

developer.mozilla.org/en-US/docs/… developer.mozilla.org/zh-CN/docs/…