HTML 显示防盗链图片
分类:教程分享 评论:0条 阅读:792次

HTML 显示防盗链图片

分类:教程分享 评论:0条 阅读:792次

前言

一些图片是有防盗链保护的,检测请求时携带的Referer请求头,不匹配则无法访问。
但部分防盗链机制,不拦截不携带Referer请求头的请求,所以可以设置请求时的referer策略。

解决

方法一

HTML head标签中添加meta referer指定no-referer。但这个方法有个缺点:所有网页中的链接都将不携带Referer请求头。

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

所有meta referrer可选的值。

<meta name="referrer" content="no-referrer|no-referrer-when-downgrade|origin|origin-when-crossorigin|unsafe-url">

方法二

img标签上添加referrerPolicy,指定no-referer。此方法比较灵活,推荐使用。

<img src="http://localhost/img/1.jpg" referrerPolicy="no-referrer">

效果(刷新可显示)

本篇文章评论已被关闭。