项目场景：

html页面的src引用网络图片无法显示

问题描述

网络图片数据传输中网页无法显示图片的问题

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>图片引入</title>
</head>
<body><img src="https://img-home.csdnimg.cn/images/20201124032511.png" title="CSDN"><!-- Src引用网络图片，当鼠板悬停图片时，显示title -->
</body>
</html>

原因分析：

服务器进行了拦截

服务器referer进行判断，认为不是正常referer，便拒绝了访问，我们可以模拟正常的referer请求下。经过测试发现，可以正常打开 https://img-home.csdnimg.cn/images/20201124032511.png，所以我们就可以知道，在https下，发送的请求是不带有referer的。故我们需要在头标签内增加状态修订

解决方案：

需要修改只需要在中修改referrer

在头文件中添加下列语句：

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

meta标签中name=referrer属性主要用于控制客户端发送给服务端的referrer信息，告诉服务端一些客户端的信息，如：来源网页的地址。

解决关于引入的网络图片，浏览器无法正常打开的问题相关推荐

Android（java）学习笔记144：网络图片浏览器的实现（ANR）
1.我们在Android下,实现使用http协议进行网络通信,请求网络数据.这里是获取网络上的图片信息,让它可以显示在手机上: 但是我们这个手机连接网络是很费时间,如果我们在主线程(UI线程)中写这个 ...
解决Vue引入百度地图JSSDK：BMap is undefined 问题
原文链接:解决Vue引入百度地图JSSDK:BMap is undefined 问题百度地图官网文档介绍使用JSSDK时,仅提供了2种引入方式: script引入异步加载但vue项目中仅某一两个 ...
解决Ubuntu14.04安装Chrome浏览器打不开的问题
解决Ubuntu14.04安装Chrome浏览器打不开的问题参考文章: (1)解决Ubuntu14.04安装Chrome浏览器打不开的问题 (2)https://www.cnblogs.com/li ...
解决ie8及低版本浏览器不支持html5标签属性
html5新标签<head>.<nav>.<footer>兼容性 - 经验小结,处理方案 IE支持: IE8或更早的版本不支持HTML5的<nav>标签 ...
Android笔记消息机制handler+http之网络图片浏览器demo
在Android中,只有主线程(UI线程)才能修改界面,包括Toast显示,改变Imageview中的图片等操作必须通过消息机制通知主线程修改界面如不采用handler消息机制极有可能出现如下错误 ...
解决vue项目在ie浏览器缓存问题。
解决vue项目在ie浏览器缓存问题. 参考文章: (1)解决vue项目在ie浏览器缓存问题. (2)https://www.cnblogs.com/jiangweichao/p/11255451.ht ...
open_basedir restriction in effect，解决php引入文件权限问题
open_basedir restriction in effect,解决php引入文件权限问题参考文章: (1)open_basedir restriction in effect,解决php引入 ...
【LoadRunner】解决LR11无法录制Chrome浏览器脚本问题
[LoadRunner]解决LR11无法录制Chrome浏览器脚本问题参考文章: (1)[LoadRunner]解决LR11无法录制Chrome浏览器脚本问题 (2)https://www.cnbl ...
解决Ubuntu上安装chrome浏览器网页空白的问题
最近在Ubuntu上安装chrome浏览器,出现打开网页后网页空白的问题,由于是小白,刚接触Ubuntu,所以很多都不懂,欢迎大家讨论. 安装完chrome后,在终端窗口输入: /usr/bin/go ...

解决关于引入的网络图片，浏览器无法正常打开的问题

项目场景：

问题描述

原因分析：

解决方案：

解决关于引入的网络图片，浏览器无法正常打开的问题相关推荐

最新文章

热门文章