其他分享
首页 > 其他分享> > img引用网络图片资源无法加载问题解决

img引用网络图片资源无法加载问题解决

作者:互联网

近期在自己项目中遇到引用一些网络图片资源,显示无法加载,但是在浏览器打开图片路径又可以显示的问题


 

解决办法:

在图片显示的界面把meta referrer标签改为never

<meta name="referrer" content="never">

或者在img标签上加上:

referrerpolicy="no-referrer"

即可显示


 

下面我们大致了解一下meta referrer标签

通过Referrer Policy 介绍,了解到,这是一种引用策略,可以用来防止图片或视频被盗。

策略名称属性值(新)属性值(旧)
No Referrer no-referrer never
No Referrer When Downgrade no-referrer-when-downgrade default
Origin Only origin -
Origin When Cross-origin origin-when-crossorigin -
Unsafe URL unsafe-url always

 

关于如何运用,在Referrer策略与防盗链中也找到了用法,

这里只举例说一下img的:

通过<a>、<area>、<img>、<iframe>、<link>元素的referrerpolicy属性来规定策略。


 

结束

标签:Origin,origin,img,No,Referrer,When,引用,referrer,加载
来源: https://www.cnblogs.com/zktww/p/11392364.html