静态html页面绝对路径提示无法加载问题

最新推荐文章于 2024-06-22 17:42:39 发布
最新推荐文章于 2024-06-22 17:42:39 发布
阅读量737 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/soulgazer/article/details/116004274
版权

随手写了个静态页面，然后绝对路径的图片未加载，相对路径的图片却加载了，如图

然后，比对路径，查资料找了半天，最终还是没有找出哪里错了。

费了好久功夫，终于破案了：代码没有问题，有问题的是浏览器，都是火狐浏览器的锅

我因为默认浏览器设置的火狐，很久没用过谷歌和IE了。

然后今天试了一下，这是谷歌浏览器的显示

这是IE浏览器的显示，明显两个不一样（下层是火狐，上层是IE）

所以，有的时候，并不是你的路径写错了，或许是你这个浏览器有问题呢

顺便，火狐浏览器如何显示绝对路径的问题，目前还没找到办法

索奥歌者
关注
IntelliJ IDEA中浏览器打开页面，出现找不到文件chrome等浏览器路径情况
猫敷雪
11-25 1万+
1、右击桌面上的chrome浏览器图标，找到属性–>快捷方式–>目标，复制路径（即chrome浏览器.exe文件的路径）。 2、打开IntelliJ IDEA软件，找到file–>settings–>找到Web Browsers。 3、在chrome那一栏最右边的path中输入刚才复制的.exe路径: 注：输完路径后，在空白处点击一下，以免路径没有输进去。 4、点击OK,然后再次点击chrome按钮，就可以啦！ ...
angular 图片路径 静态资源加载 问题
热门推荐
Nfboys的博客
05-30 1万+
今天因为这个问题头疼了整整一天。不得不说angular还有很大的优化空间。 一般打包发布项目，只需要运行命令 ng build --prod --output-path docs --base-href 然后把docs目录下的内容复制到服务器下即可。 还可以发布到Git Pages，是github提供的页面服务，相当于呈现repository里的页面。这也是angular官方推荐的两种...
在vscode html里的img标签使用绝对路径图片加载不出来
Rickest_man的博客
03-18 2536
在vscode html里的img标签使用绝对路径图片加载不出来
html网页无法打开本地绝对路径下的图片
最新发布
weixin_42142598的博客
06-22 388
背景：通过vscode中的open with live server无法打开html中插入的本地绝对路径下的图片。
html绝对路径图片无法显示
Bald_Creator的博客
03-05 5463
同一张图片，相对路径可以正常显示，绝对路径不行。 <p>相对路径</p><img src="unnamed.jpg" alt="相对路径"> <p>绝对路径</p><img src="D:\IdeaProjects\JavaWeb\src\main\java\com\imooc\others\unnamed.jpg" alt="绝对路径"> 原因：编译器的Web服务器无法访问本地文件。在本地直接打开此index.html，图片可以正常
SpringMVC静态资源文件无法加载问题解决办法
IManiy的博客
10-08 4839
SpringMVC是我们常用用的框架，它提供两种静态资源文件放行的方式 对静态资源放行 自己设置路径： &amp;lt;mvc:resources location=&quot;/fonts/&quot; mapping=&quot;/fonts/**&quot;/&amp;gt; &amp;lt;mvc:resources location=&quot;/js/&quot; mapping=&quot;/js/**&amp
【Web】在vscode html里的img标签使用绝对路径图片加载不出来
享你所想
04-17 1061
在vscode html里的img标签使用绝对路径图片加载不出来
html中img图片绝对路径时无法正常显示的问题
weixin_52099241的博客
07-13 1万+
这个绝对路径：是指目录下的绝对位置，直接到达的目标位置，通常是从盘符开始的路径。 如果使用这个绝对路径时，首先确认该文件存在并无错误，发现通过vscode或某编译器打开的浏览器不能加载绝对路径图片， 但使用相对路径时，图片正常显示并且从计算机你放的盘，进入这个绝对路径打开html文件时，图片可以正常加载 ...
解决vue打包之后静态资源图片失效的问题
08-28
这种问题可能会导致图片无法显示，控制台中提示某个图片没有找到（404 错误）。这种问题的出现主要是由于图片的引入路径和静态资源文件的存放位置有关。 解决这个问题的关键是正确地配置静态资源文件的存放位置和...
静态网页制作HTML学习笔记
wg131452的博客
02-24 2455
一.HTML简介 1.HTML是什么？ HTML:Hyper Text Markup Language超文本标记（标签）语言由多种标签组成，用来制作网页，告浏览器该如何显示页面 2.THML语言的作用？ 制作网页，控制网页和内容的显示 插入图片.音乐.视频.动画等多媒体 通过链接检索信息 使用表单获取用户信息，实现交互 3.版本 W3C：World wide web consortium万维网联...
CSDN实训 - HTML静态页面实现
weixin_51196032的博客
10-29 1499
文章目录前言一、什么是HTML？1.HTML的特点2.HTML的编辑方式二、HTML的基本格式1.HTML主体格式基本结构2.常用标签（改变的内容写在成对的标签中间）：3.css样式：4.选择器：5.常用的css属性：6.浮动7.列表8.css样式：9.背景颜色10.position定位三、HTML静态网页展示1.通过运用HTML基本元素，实现标题、文字、段落、图片、超链接、表格等2.效果展示总结 前言 HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统
Django使用Layui框架，静态文件 (js,css,image等)404 无法访问，问题汇总及解决办法！
m0_47469953的博客
07-13 2259
问题重现 基于layui框架开发的页面在vscode可正常打开，但将整个前端代码放进django项目中，样式丢失 出现样式无法加载后，首先应该做如下操作： 1.在.html文件中第一行加上 {% load static %} {% load static %} <html> <head> <meta charset="utf-8"> 2.引用了静态资源的代码里这样引用{% static ’ #原始路径’ %} <link rel="stylesheet
html图片加载不出来，图片相对路径问题
m0_57207195的博客
03-20 1万+
现象:图片加载不出来，如下 原因:路径不对 刚开始学html的我们可能会直接复制图片的路径，如下 这个是绝对路径，会加载不出来 我们要用相对路径（我们把图片放在img文件夹下后，相对路径就是当前编辑的js文件睁眼可以看到的img开始）如下 这样就成功加载出来了 ...
文件的相对路径和绝对路径，加载资源文件失败
南极圈的博客
07-24 2950
（1）文件的绝对路径：是从盘符开始的路径，形如               D:\vs2015项目\images\123.png （2）相对路径：是从当前路径开始的路径， 假如当前路径为D:\vs2015项目 要描述上述路径，只需将代码中的路径参数（一般string类型）传入 images\123.png   即可 实际上，严格的相对路径写法应为 .\imag
vue-router动态路由 刷新页面 静态资源没有加载的原因
weixin_30871293的博客
04-13 3350
在做项目的时候，发现刷新页面的时候，静态路由没有加载，度娘了一圈，终于解决了。 vue-router使用history模式+使用嵌套路由： 访问路由和嵌套路由页面，显示正常，但是刷新页面的时候，嵌套路由页面就出异常了： 官方文档对嵌套路由的说明——https://router.vuejs.org/zh-cn/essentials/nested-routes.html 我最初做的时候是在in...
HTML开发静态页面过程中，图片加载不成功
wul的博客
05-05 3816
HTML开发静态页面过程中，图片一直更新不成功？？？ 静态页面开发过程中，插入新的图片呈现出来的还是旧图片，百思不得其解，百度上也没有找到好的解决办法，问了大神得知是浏览器缓存的问题。 所以大家遇到类似问题的时候可以试试看我分享的方法哦 浏览器打开静态页面，点击浏览器右上角 . 找到更多工具——清除浏览数据，进入如下界面 把第二项cookie及其他网站数据勾选去掉，如上图所示，并且根据自己的...
HTML：使用绝对路径插入图片后在浏览器中无法显示的问题
世上哪有什么岁月静好,不过是有人替你负重前行
12-06 3826
在HTML5中，插入图片有两种方式，一种是相对路径，一种是绝对路径。 在做网页和WEB项目的时候，大家还是用相对路径好一点（包括但不限于图片资源，包括其他资源文件），因为，用绝对路径容器出问题。下面，就是我今天使用绝对路径插入图片遇到的问题： 然后在浏览器并不能显示出来 通过测试发现是绝对路径的问题 绝对路径可以直接在文件夹打开这个html文件 就可以显示 ...
三种方法，五种情况—解决HTML引用图片失效问题
Adolescen_t的博客
09-27 3404
个人初学网站制作时产生了无法导入图片的情况，遂总结如下解决方案
django+html解决绝对路径加载不出图片的问题
06-08
在Django中，可以使用`STATIC_URL`和`MEDIA_URL`来指定静态和媒体文件的URL。在HTML文件中，可以使用`{% static %}`和`{% media %}`模板标签来引用静态和媒体文件。 如果图片无法加载，可能是因为没有正确设置`STATIC_URL`或`MEDIA_URL`。请检查`settings.py`文件中是否正确设置了这些变量。 另外，还需要在`urls.py`文件中设置静态和媒体文件的URL，例如： ```python from django.conf import settings from django.conf.urls.static import static urlpatterns = [ # ...其他URL配置... ] # 配置静态文件URL urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT) # 配置媒体文件URL urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) ``` 最后，确保在HTML文件中使用`{% static %}`或`{% media %}`模板标签引用静态和媒体文件，例如： ```html <img src="{% static 'path/to/image.png' %}" alt="My Image"> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值