HTML页面正常显示防盗链图片方法

😂 这篇文章最后更新于1175天前,您需要注意相关的内容是否还可用。

header加入meta以下代码即可:

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

或者在img src标签里增加

<img referrer="no-referrer|origin|unsafe-url" src="图片链接"/>

参数

referer 的 metedata 属性可设置content属性值为以下集合:

  • never
  • always
  • origin

结果

  1. 如果referer-policy的值为never:删除http head中的referer;
  2. 如果referer-policy的值为default:如果当前页面使用的是https协议,而正要加载资源使用的是普通的http协议,则将http header中额referer置为空;
  3. 如果referer-policy的值origin:只发送origin部分;
  4. 如果referer-policy的值为always:不改变http header中的referer的值;

referer改成never即不会携带来源信息去请求图片,图片即可正常显示。