img引用网络图片资源无法加载问题解决
近期在自己项目中遇到引用一些网络图片资源,显示无法加载,但是在浏览器打开图片路径又可以显示的问题
解决办法:
在图片显示的界面把meta referrer标签改为never
<metaname="referrer"content="never">
或者在img标签上加上:
referrerpolicy="no-referrer"
即可显示
下面我们大致了解一下meta referrer标签
通过Referrer Policy 介绍,了解到,这是一种引用策略,可以用来防止图片或视频被盗。
策略名称 | 属性值(新) | 属性值(旧) |
---|---|---|
No Referrer | no-referrer | never |
No Referrer When Downgrade | no-referrer-when-downgrade | default |
Origin Only | origin | - |
Origin When Cross-origin | origin-when-crossorigin | - |
Unsafe URL | unsafe-url | always |
- No Referrer:任何情况下都不发送 Referrer 信息;
- No Referrer When Downgrade:仅当发生协议降级(如 HTTPS 页面引入 HTTP 资源,从 HTTPS 页面跳到 HTTP 等)时不发送 Referrer 信息。这个规则是现在大部分浏览器默认所采用的;
- Origin Only:发送只包含 host 部分的 Referrer。启用这个规则,无论是否发生协议降级,无论是本站链接还是站外链接,都会发送 Referrer 信息,但是只包含协议 + host 部分(不包含具体的路径及参数等信息);
- Origin When Cross-origin:仅在发生跨域访问时发送只包含 host 的 Referrer,同域下还是完整的。它与
Origin Only
的区别是多判断了是否Cross-origin
。需要注意的是协议、域名和端口都一致,才会被浏览器认为是同域; - Unsafe URL:无论是否发生协议降级,无论是本站链接还是站外链接,统统都发送 Referrer 信息。正如其名,这是最宽松而最不安全的策略;
关于如何运用,在Referrer策略与防盗链中也找到了用法,
这里只举例说一下img的:
通过<a>、<area>、<img>、<iframe>、<link>元素的referrerpolicy属性来规定策略。
结束
转载于:https://www.cnblogs.com/zktww/p/11392364.html
img引用网络图片资源无法加载问题解决相关推荐
- Django 1.11 bootstrap样式文件无法加载问题解决
Django 1.11 bootstrap样式文件无法加载问题解决 参考文章: (1)Django 1.11 bootstrap样式文件无法加载问题解决 (2)https://www.cnblogs. ...
- android 屏幕旋转不重新加载,Android webview旋转屏幕导致页面重新加载问题解决办法...
Android webview旋转屏幕导致页面重新加载问题解决办法 1. 在create时候加个状态判断 protected void onCreate(Bundle savedInstanceSta ...
- 移动4G网络App页面加载时间过长
移动4G网络App页面加载时间过长 发现问题 2016年12月份开始,使用android客户端的部分用户反映在使用移动4G网络的情况下,App内的页面加载时间过长,几乎加载不出来,导致无法正常使用Ap ...
- 网吧计算机无法远程,win7网络711无法加载远程访问解决方法 | 专业网吧维护
711无法加载远程访问怎么办: 遇到宽带连接连不上,并提示"网络连接,无法加载远程访问连接管理器服务.错误711:操作无法完成,因此它无法及时启动远程访问连接管理器服务.请重试此操作.&qu ...
- WebGIS实战:Vue+Openlayers实现网络地图的加载与切换
目录 前言 1.效果图 2.实现步骤 3.下一步计划 相关Web GIS实战信息: 上一篇博客:WebGIS实战:Web GIS开发环境配置 下一篇博客:WebGIS实战:Vue+Openlayers ...
- Paging3、Room使用,1、从本地Room数据库加载 2、直接网络获取数据加载 3、网络访问数据到Room数据库再加载 4、封装使用
目录 1.从本地Room数据库加载数据 viewmodel fragment中使用 页面 数据库相关 2.直接网络获取数据加载 3.网络访问数据到Room数据库再加载数据 自定义RemoteMedia ...
- android界面之美---自定义网络请求进度加载对话框
1.定义进度对话框类 <span style="font-size:18px;">public class ProgressDialog {public Dialog ...
- thymeleaf加载不了js引用_网站首页加载慢解决方案
打开网页,用户最满意的时间是2-5秒,如果用户等待超过10秒,99%的用户会关闭这个网页.那么,是什么原因会导致网站打开慢?又有什么办法解决呢?一般来说,http请求过多.网页过大.服务器性能过差等等 ...
- 小程序 ajax 加载,小程序实战-小程序网络请求异步加载
最初看到小程序的网络请求的时候,尤其是演示示例中,userInfoReadyCallback这个函数更是一头雾水.其实并不怎么理解.一直很费解.网上各路大侠都有解释,但是就是,不知道是怎么个顺序,而我 ...
- jquery-weui滚动加载问题解决
2017年12月25日 jquery-weui滚动加载报错问题解决 监听事件 infinite(),下面是源码,infinite(distance)接收distance参数,默认的 distance ...
最新文章
- 如何终止正在在发送的ajax请求
- spring配置文件import标签中使用${}占位符获得配置文件的属性值
- redis有序集合(Zset)
- 【Groovy】闭包 Closure ( 闭包中调用 Groovy 脚本中的方法 | owner 与 delegate 区别 | 闭包中调用对象中的方法 )
- JSON 对象和字符串对象的互转
- 《javascript高级程序设计》第六章总结
- springboot整合servlet
- 设计模式_01_单一原则
- 软件工程复习提纲——第三章
- kabina 使用说明_Kibana安装及使用说明
- 程序员:下一次面试前你需要准备的五个基本步骤
- 蓝桥杯2013c++真题:排它平方数
- 贪婪算法matlab程序,matlab贪婪算法
- 量子计算(四):量子力学的发展史
- Spark学习笔记(一)
- 论文的中期报告怎么写?
- 无线产品的‘接收灵敏度’、‘无线协商速率’、‘发射功率’、‘无线干扰’
- 面试软件测试总结(常见的面试问题)
- 网站修改了文档html默认保存路径,我在网页上打开word文档修改后就直接保存了 请问他的保存路径在哪???...
- 如何快速的将EXCEL表格数据拆分成多个文件
热门文章
- c语言中islower是什么函数,C语言islower函数介绍、示例和实现
- python dict hash_Python Hashmap/Dicti
- 拓端tecdat|R语言逻辑回归(Logistic Regression)、回归决策树、随机森林信用卡违约分析信贷数据集
- R语言模型中的加总偏误与内生性:一种数值模拟方法
- double几位小数_算法竞赛入门之每日一题:分数化化小数(decimal) C语言
- 操作系统数据结构知识点总结2
- easyui combobox根据输入内容动态查找_制作智能下拉菜单,自动筛选想要输入的数据,同事都看呆了...
- 1、pthon中类包含的方法
- pycharm Cannot connect to the Docker daemon at unix:///var/run/docker.sock. Is the docker daemon run
- java数据读取容量,spring batch使用reader读数据的内存容量问题详解