FF下img的src值为绝对路径时

最新推荐文章于 2021-10-31 00:44:33 发布
原创 最新推荐文章于 2021-10-31 00:44:33 发布 · 358 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了在Firefox浏览器中使用不同格式的绝对路径加载本地HTML文件中的图片时遇到的问题。指出在Firefox中直接使用文件系统的绝对路径加载图片可能导致无法显示的情况，并提供了可行的解决方案。

自己练习时，本地HTML中，在FF下，为src赋值绝对路径，如下：

<img src="E:\exercise\1.jpg"/>

页面中不显示图像，控制台显示无法加载该图像，但是在IE和Chrome下都能正常显示。且将路径改为E:/exercise/1.jpg，也是同样的情况。

查看该图片在FF浏览器中的路径为：file:///e:/exercise/1.jpg

将绝对路径改为：file:///e:/exercise/1.jpg或者

                           ///e:/exercise/1.jpg或

                          //e:/exercise/1.jpg或

                         /e:/exercise/1.jpg

均能在FF，Chrome下显示。但是在IE下，无法显示

所以应使用ffile:///e:/exercise/1.jpg

但是一般使用相对路径


qingliuFu
关注
vs2013调试时系统无法找到指定的路径_机器人调试（七十二）
weixin_31099291的博客
01-16 875
1、根据电缆线的有关国标表示红线为火线,绿线为零线,黄线为地线。左孔应该是零线,右孔应该是火线。L是火线、N是零线2、插座面板朝向使用者时双孔插座右孔是火线(L)，左孔是零线(N)。三孔插座右孔是火线(L)，左孔是零线(N)，中孔是地线(E或G)。3、MATLAB生成合适大小图像MATLAB显示图像，周边有一圈白色，造成生成的图像变小去除白色方法如下:figure,imshow(Ima...
在页面预览客户端本地图片的js代码(兼容FF IE)
10-28
4. 如果不支持File API，则可以直接使用obj.value，这通常是文件的绝对路径，然后赋值给img元素的src属性。 在其他浏览器中，处理逻辑可能与Firefox相似，也可能是类似IE的实现方式，但文档中未明确提及。 这段...
绝对路径与相对路径
又菜又想学java的博客
01-24 333
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--<img src="C:\Users\86135\HBuilderProjects\day01\img\1.jpeg" > 绝对路径 --> <img src="img/1.jpeg
html图像、绝对路径和相对路径，链接
weixin_34115824的博客
12-22 236
html图像 <img>标签可以在网页上插入一张图片，它是独立使用的标签，通过“src”属性定义图片的地址，通过“alt”属性定义图片加载失败时显示的文字，以及对搜索引擎和盲人读屏软件的支持。 <img src="images/pic.jpg" alt="产品图片" /> 绝对路径和相对路径 像网页上插入图片这种外部文件，需要定义文件的引用地址，引用外部文件还包括引用外部...
[转]FFPLAY原理
pizicai105
11-13 3545
 概要电影文件有很多基本的组成部分。首先，文件本身被称为容器Container，容器的类型决定了信息被存放在文件中的位置。AVI和Quicktime就是容器的例子。接着，你有一组流，例如，你经常有的是一个音频流和一个视频流。（一个流只是一种想像出来的词语，用来表示一连串的通过时间来串连的数据元素）。在流中的数据元素被称为帧Frame。每个流是由不同的编码器来编码生成的。编解码器描述了实际的数据是如
关于img标签的src的绝对路径问题
热门推荐
ForMyQianDuan的博客
06-14 3万+
最近做在做图片上传本地预览，就想着，其实直接获取到file.value，取得图片地址，不就能在本地看到图片了嘛，为什么网上还那么麻烦，搞那么多花样来读取图片什么滴。 然而仅仅用绝对路径设置了img的src, 图片是不会显示，浏览器还会报错：Not allowed to load local resource: 所以，做了做测试，查了查资料，分析分析： 在本地查看页面，如下，这种访问路径：fi
HTML文件路径详解：相对与绝对路径实战指南
在嵌入图像时，`<img>`标签的`src`属性要确保图片格式（.png、.jpg、.gif等）和路径无误；对于JavaScript脚本，则通过`<script src="...">`进行外部文件加载。此外，超链接`<a href="...">`同样依赖路径机制跳转至...
<img :src="mark.icon" alt="军标" /> 怎么试着svg颜色
最新发布
07-20
在 Vue 3 中使用 `<img :src="mark.icon" alt="军标" />` 渲染 SVG 图像时，如果 `mark.icon` 是一个 SVG 的 Base64 字符串或 URL，**你不能直接通过 CSS 或 `style` 属性修改 SVG 的颜色**，因为浏览器会将 SVG ...
【从零开始掌握JS文件上传】：获取绝对路径的实战教程与优化技巧
[【从零开始掌握JS文件上传】：获取绝对路径的实战教程与优化技巧](https://img-blog.csdnimg.cn/5d0c956b84ff4836a1dfbdd1c332d069.png) # 摘要 随着Web应用的发展，文件上传功能在用户交互中变得日益重要。本文从...
html img src 相对路径和绝对路径
linlin_seven的专栏
07-29 1万+
相对index.html所有的目录而言： “../”表示上一级目录开始 “./”表示当前同级目录开始 “/”表示根目录开始。 ..\表示上一级目录 .\表示当前目录 \表示根目录 在unix下则斜杠反过来写
＜img＞标签的src属性使用绝对路径会出现的问题
m0_49528561的博客
10-31 4048
当使用绝对路径 <img src="E:/..."> 此时的请求为： 这时候的请求头为：file:/// 此时的图片是加载不到的 ，因为如果页面在服务器上，浏览器出于安全考虑是不允许html访问本地文件的。不会允许浏览器打开file://开头的本地图片的。 如果页面html文件是放在本地的，比如用浏览器打开桌面上的html文件，是可以访问本地图片文件的。但也不能访问所在根目录以外的文件夹下的图片。 所以推荐使用相对路径。 当使用相对路径 <img src="/..."> 此时的
img的src使用绝对路径显示图片
Cosmoshfx的博客
03-11 1万+
<div> <img alt="" src="images/废物点心.jpg"> <img alt="丢失" src="E:/帅哥合集/好好笑.jpg"> </div> 第一张图片，存在和html文件并列的一个文件夹images中，使用相对路径；第二张在E盘中，复制路径得到绝对路径。用eclipse中Internal web browser打开结果如下： 但用外部浏览器打开，得到结果如下： 可见，使用外部浏览器打开时，第二张图片绝对路径未生效。修改
img的相对路径和绝对路径
难瘦不难过的专栏
07-03 3384
http://img2.cache.netease.com/photo/0003/2016-06-30/900x600_BQRK7CUT00B70003.jpg"/>  绝对路径：（）区（）路（）号  线上绝对路径：  线下绝对路径：  相对路径：  ------------>
HTML中img标签的src属性绝对路径问题解决办法，完全解决！
wzhwangzhuohui的博客
12-17 3万+
需求：有时候自己的项目img的src路径需要用到本地某文件夹下的图片，而不是直接使用项目根目录下的图片。 场景：eclipse，tomcat，html，img，src，java 注意：不需要寻找tomcat真实路径下的server.xml去修改，这个地方不需要修改。 解决办法：1、在eclipse中找到你的项目发布的tomcat服务器，然后找到左侧Servers下对应的你的Tomcat服务器...
img标签--src属性：相对路径和绝对路径
Vincent
01-15 2万+
HTML相对路径与绝对路径 在网页制作的过程中，少不了跟路径打交道，比如，包含一个文件，插入一个图片等，与路径都有关系，如果使用了错误的文件路径，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。初学者可能会感到困惑，下面我就详细的介绍一下相对路径与绝对路径。 HTML有2种路径的写法：相对路径和绝对路径。 HTML相对路径(Relative Path)的几种情况 1.同
img绝对路径相对路径练习练习
qq_40945903的博客
11-07 835
img绝对路径相对路径练习练习 <img src="../../image/03.jpg" alt="猫咪"/ width="300px">
IE8.0 显示本地图片 img.src=本地图片路径无效的解决方案
dmz1981的专栏
03-25 8614
IE8.0 显示本地图片 img.src=本地图片路径 是无效，只能通过div来完成 。 IE7,IE8是放在 里的。 JS代码：  function Preview(obj) {             obj.select();                         //得到真实的图片路径             var realpath = document.sel
关于jsp中img绝对路径的解决方法
linianzhenti的专栏
08-17 4431
解决方法1： 为img配置servlet，然后传入参数，由servlet读取之后，然后write给前台，这样的话，要考虑一个页面多个文件的读取流的问题 解决方法2： 配置server.xml文件，增加 path为jsp文件要访问的磁盘目录，jsp不能直接访问硬盘中的位置，能够访问程序目录下的文件夹以及文件 然后再配置img中的src路径时，加上http://localh
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值