img标签引用网络图片时无法加载

时间：2020-07-14 01:25:19 收藏：0 阅读：450

???????最近报了个公开课，主要是想巩固一下这学期学的知识。没想到在第一天写作业的时候，发现一个引用网络图片加载失败的问题。在此记录一下，以防后续出现类似的情况。

问题描述

使用img标签，src指向网络图片，地址是有效的，但是图片无法加载出来，预览和代码如下
技术分享图片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
<img src="https://pic.cnblogs.com/avatar/2062798/20200614130312.png" title="吃猫的鱼" alt="图片加载失败，请尝试刷新页面">
</body>
</html>

解决方案

在页面中加入以下代码

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

或者在img标签中加入referrerpolicy="no-referrer"

<img src="" alt="" referrerpolicy="no-referrer">

效果预览

技术分享图片

参考资料

Referrer Policy 介绍

原文：https://www.cnblogs.com/ast935478677/p/13296762.html