＜img src=“http://......“ ＞ url访问图片显示不出来问题

最新推荐文章于 2024-03-02 16:36:26 发布
原创 最新推荐文章于 2024-03-02 16:36:26 发布 · 3.6k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

本文介绍了防盗链机制中referrer策略的应用，通过在标签内加入特定代码实现对图片或视频资源的有效保护，防止资源被盗用。

解决办法

标签内加入 
<meta name="referrer" content="no-referrer">

原因

referrer是一种引用策略，可以用来防止图片或视频被盗

原理：http 协议中，如果从一个网页跳到另一个网页，http 头字段里面会带个 Referrer。图片服务器通过检测 Referrer 是否来自规定域名，来进行防盗链。如果没有设置referrer，那就可以直接绕过防盗链机制，直接使用或盗取。

no-referrer：所有请求不发送 referrer

Coding_小平
关注
Access to XMLHttpRequest at ‘file:///D:/xx/xxx.json‘ from origin ‘null‘ has been blocked by CORS问题解决
oscar999的专栏
04-12 1万+
在浏览器打开本地的html文件， 上面proxy中的url获取的就是一个本地文件， 协议是file://，如果是在服务器启动的话，则使用的是http或者https协议。 出于安全性考虑， Chrome默认禁止了这种用法，file协议和http/https协议不同，会被Chrome认为是跨域访问，所以会报被CORS(Cross-Origin Resource Sharing，跨域资源共享)的安全策略阻止。
VUE3语法--img图片不显示/img的src动态赋值图片显示
雾林小妖的博客
11-27 2万+
在VUE中，img中的src动态赋值的之后，无法显示图片出现404.以及VUE中通过require访问静态资源出现的Uncaught Error: cannot module ‘asstes/logo.png’问题。
图片url路径存在，但是显示不出来
walle的博客
08-09 1万+
在网页中上传了图片，但是显示不出来， 后台可以看到图片， 原来是显示的时候把路径改为小写了，而保存时有大写字母 最好在保存时统一用小写字母...
img标签中src使用网络地址 图片不显示
我的博客
03-02 7313
图片链接在浏览器地址栏直接打开就正常显示，但放在img标签的src里，浏览器却加载不出来
html img src http地址又自动加了域名,用Jsoup实现html中img标签地址替换
weixin_32127359的博客
05-30 1889
原标题：用Jsoup实现html中img标签地址替换做app的时候经常要用webview解析Html，如果是自己写的服务器那么富文本编辑框有可能选择像KindEditor这样的编辑器，在kindEditor添加图片虽然可以实现绝对路径插入，如果说： 但是这样直接用绝对路径很不合理，为什么？因为作为服务器，ip地址或者域名可能会有变动，如果用绝对路径的话，出现要变动ip的情况，那么原来服务器上的图片...
html标签 正则匹配＜img src:“ 插入 url
weixin_68657517的博客
04-13 615
const domainUrl = (content,url) => { if (content) { let value = null; let domain=""; url? domain = url:domain=process.env.BASE_URL; let http = /src="http:/gi; let https = /src="https:/gi; let isHttp = http.test(content...
关于html的img无法显示的 不常规 原因！
m0_57185379的博客
03-06 644
关于html的img无法显示的不常规原因！
新浪实时股票数据接口http://hq.sinajs.cn/list=code
JuncaiLiao的专栏
08-09 1420
股票数据的获取目前有如下两种方法可以获取：1. http/JavaScript接口取数据2. web-service接口 1.http/javascript接口取数据1.1Sina股票数据接口以大秦铁路（股票代码：601006）为例，如果要获取它的最新行情，只需访问新浪的股票数据接口：http://hq.sinajs.cn/list=sh601006这个url会返回一串文本，例如：var hq...
https://imgsa.baidu.com/forum/pic/item/...【贴吧图床】
Enderman_xiaohei的博客
12-13 9983
参考链接 隐藏图床之利用贴吧做图床-PHP版 图床 - 百度百科 什么是『图床』 你们都用什么图床啊？ 贴吧图床 - 小记 目录 1. 这个链接是啥 2. 什么是图床 3. 利用贴吧做图床 4. 编程实现 5. 部分展示 6. 心得体会 一、这个链接是啥 ↶ 之前逛B站的时候，看到有人在评论区放图，结果是一个链接，点进去就是一张动态图。 ？？？B站评论区可以发图的么。。。什...
vue中img src 动态加载本地json的图片路径写法
10-17
这是因为Vue CLI或Webpack等构建工具默认将`static`文件夹视为静态资源，其内容不会经过编译或打包过程，可以直接通过URL访问。 假设我们有一个名为`major_info.json`的文件，其中包含图片路径字段，如以下示例所示...
vue中关于img src写入本地地址自动加入http://localhost:8080的解决方法
m0_46589413的博客
03-06 3472
img src写入本地地址自动加入http://localhost:8080问题
HTML Img标签 src为网络地址无法显示图片问题解决（https）
u011200562的博客
10-15 2万+
img src="https://pic.cnblogs.com/avatar/1549846/20191126100502.png" alt="加载失败"> 图片无法显示。只需要在标签内添加 就可以了。上面出现403就是因为，请求的是别人服务器上的资源，但把自己的referrer信息带过去了，被对方服务器拦截返回了403。，发送请求不会带上referrer信息，对方服务器也就无法拦截了。
img标签src使用网络地址展示图片，https。。无法显示问题解决办法
weixin_52475977的博客
05-13 3393
标签区域加上
使用链接可以打开图片，而在img中使用src无法打开图片
monkeyHI
03-20 3445
好傻啊！！！！！！！！！！！！！！！！！！！！ 我在页面上加了一个 <!-- 将http请求转成https请求 --> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 我的图片路径是http，结果给我转成了https。。。。。。所以在该页面使用src打不开...
<img>
FengziTianYu的专栏
03-31 782
1.&lt;img src=“url” 属性=”值” /&gt;加载图片（动态图语法一样） ps:&lt;img/&gt;标签为空值标签，直接末尾加结束符/ 2.其实&lt;img/&gt;标签中src中的url有两种选择写法。 a.相对路径：也就是说加载的图片就是在本网页（服务器）内的图片，相当于从文件夹下加载。所以可以写成如下形式：&lt;img src="/i/ct_netscape.jpg...
H5 img标签图片无法显示 -- 解决方案
热门推荐
White feathe 的博客
01-10 3万+
如果你也曾复制过一些类似腾讯、百度等各大网站的文章，你会发现黏贴下来发表之后经常出现图片无法显示，这是怎么出现的呢？例如：<body> <img src="http://upload.techweb.com.cn/2017/0106/1483690985396.jpg" /> </body>解决方案使用Referer Meta标签控制referer，在H5 的 header加入meta<me
img中src为外部线上地址 https,图片无法显示
m0_47524246的博客
03-22 1182
img中src为外部线上地址 https,图片无法显示 标签区域加上 <meta name="referrer" content="no-referrer">
src中的地址是https协议的无法显示的问题
何时林听@
04-04 2746
今天遇到一个问题，本来好好的图片全部都不显示了。 网上找了找都说的乱七八糟的。 最后在一个群里大神一语道破。 原因是我在html中加了这一行 <metahttp-equiv="Content-Security-Policy"content="upgrade-insecure-requests"> 1. 同源限制 首先我们要知道web浏览器为了安全都有会同源限制，什么是同...
在使用img标签的src属性引用网络图片资源时加载图片失败的问题
VVVinegar的博客
01-24 1万+
问题如标题，以简单代码演示：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <img src="http://p1.so.qhmsg.com/t01f77e838597537491.gif"> <
<img src="images/logo.jpg"/>为什么不显示图片
最新发布
04-09
对于局部场景下的图片加载问题，可以直接在 `<img>` 标签中加入 `referrerpolicy="no-referrer"` 属性。这种方式更加灵活且不会影响整个网页的行为。 ```html <img referrerpolicy="no-referrer" src=...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值