路径正确,但是图片加载不出来
做一个移动端的web项目,本来通过iframe跳转后台链接是没问题的。但是不知道为什么IOS12样式不兼容。一阵捣鼓,只能通过ajax使用div的方式加载数据。
本来以为没问题了,但是没想到图片居然部分加载不出来,把图片路径复制出来,又可以访问。网上搜索一阵,都是说
使用Referer Meta标签控制referer,在H5 的 header加入meta。具体原因,网上大把,这里就不详说了。
<meta name="referrer" content="no-referrer">
加上这句,图片出来了,本以为万事大吉了,但是没想到,突然页面无法定位了,本页面使用的腾讯定位qq.maps.Geolocation。 这就杯具了,预测可能是因为没有发送referer,导致定位服务器无法获取请求来源,因此无法定位。
于是想,能不能单独给IMG标签加上referer策略,搜索发现IMG标签是可以设置referer的。因此所有的IMG标签添加属性
<img src="" referrerPolicy='no-referrer'>
添加之后,发现页面可以定位,并且图片全部可以显示出来了。
路径正确,但是图片加载不出来相关推荐
- iOS 正确选择图片加载方式
正确选择图片加载方式能够对内存优化起到很大的作用,常见的图片加载方式有下面三种: //方法1 UIImage *imag1 = [UIImage imageNamed:@"image.png ...
- 关于SpringMvc中js和图片路径正确但是不能加载的问题
SpringMvc中,在没有设置拦截特殊的请求时,会默认拦截所有请求,包括js和图片等静态请求,造成资源查询失败404错误(http://localhost:8080/SSHA/js/jquery.j ...
- 图片加载失败的正确处理
<img src="http://imgsrc.baidu.com/forum/pic/item/fd1f4134970a304e16d3176ad3c8a786c8175ca8.jp ...
- 不需要任何依赖的图片加载错误处理的工具类load-image.js
需求的诞生: 先简单介绍一下业务场景,我们的项目是一个微博舆情分析系统,可以根据用户设置的关键字监测相关微博舆情,并进行实时推送.监测范围涵盖境内和境外微博平台(境内:新浪.腾讯,境外:twitter ...
- canvas loadImage图片加载
canvas 图片加载 以及图片切换显示 canvas 加载图片使用loadImage函数,参数传递:图片路径,当图片加载完成onImageLoaded触发,通过can.isImageLoaded(u ...
- vue 动态获取的图片路径不显示_Vue 动态图片加载路径问题和解决方法
最近在做一个树形结构的组件,使用了Vue和element UI中el-tree组件.因为树中每个节点都需要显示一个图标图片,并且需要根据后台传入的数据类型动态地显示,所以图片的路径需要动态地加载.下面 ...
- vue的v-for循环中图片加载路径问题
vue的v-for循环中图片加载路径问题 产品要求 要求图片和它的名字一一对应, vue中的img的src可以动态绑定到一个变量上 <template> <div><ul ...
- html5 循环加载图片,解决vue的 v-for 循环中图片加载路径问题
先看一下产品需求,如下图所示, 产品要求图片和它的名称一一对应,本来是非常简单的需求,后台直接返回图片路径和名称,前台直接读取就可以了,但是我们没有存储图片的服务器,再加上是一个实验性的需求,图片需要 ...
- android9.0无法创建照片路径,Android9.0无法加载图片及访问不了服务器问题
Cause (1 of 1): class java.io.IOException: Cleartext HTTP traffic to xxxx.xxxx.xxxx not permitted 这是 ...
- 【牛腩新闻】——首页图片加载不出来
小编参加完软考接着敲牛腩,发现之前敲得页面加载不出来图片,真是奇怪了,于是开始了探索之路,开始我的图片路径是这样的: <div id="top"> <a ...
最新文章
- Node.js开发环境的搭建
- final finally finalize 的区别
- MiaSocks发布第一个测试版
- Android ListView headerDividers 分割线显示隐藏问题
- html5语义化 兼容,HTML5语义化标签,兼容性问题
- HDOJ 1002 A + B Problem II 解题报告
- (48)FPGA状态机描述(一段式)
- jar包上传到jcenter
- 圆周率一千万亿位_圆周率2700万亿位完整版?
- Industry personnel quality of foam mixer is high
- 你听说过史莱姆吗??【oj】
- 安装onnx遇到error信息:Couldn‘t build proto file
- I2C-两线外设接口-用于ArduinoNano, uno ,Mega2560
- 7天物联网智能家居学习记录---第五天
- 自动剪辑视频的软件,视频自动剪辑生成软件如何剪辑视频和制作视频
- C语言a++ ++a
- 如何找到微众银行的微信公众号在线客服
- 请问exe资源内嵌的mp3或wma,如何并且“流”的方式直接播放呢?盼赐例子(送100分):)...
- 开源html5小游戏6,html5简易小游戏 - strip_liu的个人空间 - OSCHINA - 中文开源技术交流社区...
- 如何掌控自己的时间与生活
热门文章
- 前沿 | 抗击黑产 阿里安全八大实验室首秀技术实力
- IPV6地址数据库导出
- Warning: Class ‘com.bupt.dts.DTSFortran‘ not found in module ‘AntlrTest‘
- docker访问宿主机127.0.0.1
- 洛谷 P2123 皇后游戏 解题报告
- solr和elasticsearch
- 2022-2028全球阻隔吹膜生产线行业调研及趋势分析报告
- V831学习日记之串口通信
- IDEA使用破解补丁激活
- 换根dp 洛谷+upc