html添加背景图片无法显示//Not allowed to load local resource:

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

#html #html5

在HTML页面中添加图片时遇到加载失败的问题，通过检查发现图片路径必须为相对路径且格式正确。错误源在于相对路径不完整。修正后，图片成功加载。了解相对路径的重要性以及如何正确使用对于前端开发至关重要。
部署运行你感兴趣的模型镜像

 

在html 中正常添加图片链接后，打开页面却显示加载失败。

页面中右键检查发现显示为：

 通过优快云查询发现，导入图片必须为“相对路径”，并且一定要符合格式。

仔细对比后发现，错误原因非常简单，相对路径不完整！修改后

 

 成功加载！

 

 

 

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

Stable-Diffusion-3.5

图片生成
Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率

Fu_bo_jiangjun
关注
基于Springboot2.3访问本地路径下静态资源的方法(解决报错：Not allowed to load local resource)
08-18
主要介绍了基于Springboot2.3访问本地路径下静态资源的方法(解决报错：Not allowed to load local resource)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着...
Chrome无法打开文件的错误 [Not allowed to load local resource: file://XXXX]
热门推荐
oscar999的专栏
04-15 12万+
Not allowed to load local resource: file:
not allowed to load local resource
banjing_1993的博客
09-28 3983
今天在html页面引用本地图片，浏览器报了“not allowed to load local resource”的错误，原来是浏览器为了安全考虑，禁止页面引用本地资源。 解决方案：在应用服务器（我用的tomcat）中为要引入的资源设置一个虚拟路径，配置方式如下：打开server.xm,在标签中加入下面一句话（加粗标红的）： <Host name="localhost" appBase="w
HTML访问本地路径报错 Not allowed to load local resource
优质后端技术知识记录
05-26 1万+
https://zhidao.baidu.com/question/1494613618276997419.html
打开html文件背景图片报错 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
Ctrlccv的博客
02-26 4368
用vscode预览网页没啥问题 但是直接到文件夹下打开html文件 图片和字体样式就报错 看到这BUG我气得浑身发抖，大热天的全身冷汗手脚冰凉，这个社会还能不能好了，我们秃头佬到底要怎么活着BUG才满意，眼泪不争气的流了下来，这个世界到处充斥着对菜鸡程序猿的压迫，本菜鸡何时才能真正的站起来。地狱空荡荡，魔鬼在人间！ 脚也抖了，泪也流了。 写代码我唯唯诺诺，对BUG还是得重拳出击，网上找了半天 ...
解决前端页面报错：Not allowed to load local resource
最新发布
sig321的专栏
11-22 2970
在前后端分离项目中，在前端页面里使用file://的绝对路径访问本地图片，在加载图片的。这是因为浏览器出于安全因素，禁止通过绝对路径访问图片，需要通过虚拟路径进行访问。时候会报出Not allowed to load local resource 的错误。
Not allowed to load local resource: file:///D:/starimg/11.png
qq_53791649的博客
09-29 1958
问题已解决做一个PHP小项目时，能够显示图片却加载不出来，记录一下，看网上别人的好像是说：参考链接： 成功显示。
Android WebView 报 Not allowed to load local resource错误的解决办法
07-28
Android WebView 报 Not allowed to load local resource错误的解决办法 博客地址：http://blog.youkuaiyun.com/yuzhiqiang_1993/article/details/76228541
electron-builder打包白屏，报错：Not allowed to load local resource: file:///index.html解决方法
舜岳的博客
03-04 7848
报错如下： （还有的是控制台弹窗报错） 先看看项目目录结构： |--dist |--|--index.html //打包好的主入口文件 |--|--main.bundle.js //打包好的main.js文件 |--|--... |--src |--|--main //main.js文件在里面 |--|--|--main.js //electron主入口文件 |--|--renderer //...
Electron常见问题 31 - Not allowed to load local resource
liuzhen007的专栏
09-22 3816
问题 用如下代码创建一个窗口时，win 10 可能正常。 let win = new BrowserWindow({ width: 800, height: 600 }); 但是 win 7 可能就会报错，比如： Not allowed to load local resource:*** 解决 怎么解决呢？ 需要增加webPreferences 属性配置，设置webSecurity = false。 let win = new BrowserWindow({ ..
浏览器报错Not allowed to load local resource:的解决办法,与网上大多数都不同,亲测有用！
qq_41707910的博客
07-29 3万+
iis配置虚拟目录解决not allowed to load local resource
html，a标签href访问报404，Not allowed to load local resource: 跳转外部页面404，超级详细的新手教程
weixin_42868605的博客
06-02 7728
a标签跳转报404？ 一般常见的原因有以下几种。 （1）路径错误，请务必仔细检查，查看路径是否错误。 （2）Not allowed to load local resource，无法访问本地文件，如果你想通过绝对路径来访问本地页面，这是不能直接访问的，需要配置一个虚拟路径。 （3）斜杆使用错误。 <a href="../../111.html">点击跳转</a> //正确的写法 <a href="../../111.html">点击跳转</a> //
chrome报错Not allowed to load local resource:
sparkleyn的博客
10-20 8245
错误： chrome Not allowed to load local resource:D：//default.jpeg 原因： 用相对于网站的相对路径，不要用服务器的绝对路径； 解决方法： 把D：//default.jpeg改成http://localhost:10104/default.jpg 类似的，也一样改一下。
vue 打包背景图片不显示问题，出现Failed to load resource: net::ERR_FILE_NOT_FOUND，解决
敲门的小白
11-14 3630
if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: ‘vue-style-loader’, publicPath: ‘…/…/’ //背景图片位置 }) } else { return [‘vue-style-loader’].concat(loaders) } ...
not allowed to load local resource解决
碰碰的博客
01-26 2万+
问题：<a herf = "file:///E//..."></a> 报错：not allowed to load local resource 原因：file协议为本地文件传输协议，浏览器为了安全考虑不允许直接访问。 解决： 方法1：把静态资源放在同一个web application中； 方法2：iis配置虚拟目录： 打开“Internet信息服务（IIS）管理器”； 鼠标右击要添加虚拟目录的站点，在弹出的菜单中选择“添加虚拟目录”选项； 在弹出对话框的“别名”文本框
解决浏览器无法加载图片的问题（在Chrome 中会报 Not allowed to load local resource: file// XXXX 的错误 ）
渔闻520的博客
09-22 1万+
背景：在idea下，想要加载图片，这个图片是从客户端上传上来的，保存的路径通过下面这条语句来确定： String realPath = request.getRealPath("download"); 在idea中，这个路径对应的是Out下的artifact-项目名explord下; 这个路径实际上是在服务器主机上的某个磁盘中（取决于工程放在你哪里）。而当用谷歌浏览器上传的时候，就会出现...
关于Not allowed to load local resource问题解决办法，亲测有用
weixin_45668002的博客
02-09 4688
使用SpringBoot项目在html页面中，< img src=“这里面写本地路径显示不出来”>填写本地路径显示不出来 那些说用 file：那个方法不行，已经测试过了 出现的问题： 解决办法： 第一步创建一个工具类，如下： 接口的实现方法只有红框里面的那个就行。 @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResource
解决浏览器Not allowed to load local resource
EatingSoilLang
12-14 3万+
浏览器Not allowed to load local resource的解决方法 1.问题描述 Chrome浏览器出于安全方面的考虑，禁止网页访问本地文件。 本人遇到的问题：使用a标签将本地磁盘的文件展示在页面，供用户下载。 写法： <div id="file"> <h3>文件列表:</h3> <a href="D:/XXX.txt" download="">点击下载</a> </div> 浏览器报错：Not al
适用window.URL.createObjectURL(Object obj)时出现的Not allowed to load local resource错误
liulangdeyue的专栏
08-24 1万+
window.URL.createObjectURL(Object obj);是用来将javascript对象转化为url然后
chromewebdata/:1 Not allowed to load local resource: file:///C:/dist/index.html
06-03
这是一个错误提示，它表示在 Chrome 浏览器中加载本地文件时出现了问题。通常情况下，浏览器会禁止加载本地文件系统中的资源，以确保安全性。要解决这个问题，你可以考虑将你的网站部署到一个 Web 服务器上，并通过服务器来访问它。如果你只是想在本地访问你的网站，你可以使用一些本地 Web 服务器，例如 XAMPP 或 WAMP，来运行你的网站。这样你就可以通过 http://localhost 来访问你的网站，而不必担心浏览器的安全限制。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值