Not allowed to load local resource: file:///D:/xxx.jpg

最新推荐文章于 2025-03-25 22:41:14 发布
最新推荐文章于 2025-03-25 22:41:14 发布
阅读量3.1k 收藏 1
点赞数 5
分类专栏： 前端 杂记 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lkm987654321/article/details/132022797
版权
当浏览器不允许访问本地资源时，可以使用Tomcat服务器配置虚拟路径来解决。在Tomcat的server.xml文件中添加Context元素，指定本地资源的物理路径和虚拟路径。然后在前端代码中使用虚拟路径如/image/xxx.jpg来加载资源。这种方法允许通过服务器代理访问原本受限的本地文件。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

问题：

Not allowed to load local resource: file:///D:/xxx.jpg

出现以上情况的原因是浏览器不允许访问本地路径，所以你需要配置一个虚拟的路径代替本地的路径。

解决方法：

思路：通过tomcat代理，在tomcat里写一个虚拟路径来代替绝对路径。
实现：在你的tomcat下，找到conf这个文件夹，打开server.xml文件，找到<Host /Host>标签，在面里添加如下的代码：

<Context path="/image" docBase="D:\xx" debug="0" reloadable="true" />

path代表虚拟路径，docBase代表你图片或者视频的物理路径

然后再前端的img标签里写虚拟路径：

<img src="/image/xxx.jpg">
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: file:///D:/starimg/11.png
qq_53791649的博客
09-29 1807
问题已解决做一个PHP小项目时，能够显示图片却加载不出来，记录一下，看网上别人的好像是说：参考链接： 成功显示。
浏览器报错：Not allowed to load local resource 原因及解决办法
热门推荐
mayday_sanshui的博客
04-04 9万+
谷歌浏览器报错：Not allowed to load local resource 原因及解决办法
解决 Not allowed to load local resource 问题
最新发布
深夜敲代码
03-25 310
记录一下遇到的问题：html跳转本地资源，用相对路径。绝对路径也行，不过要加入一些配置，可以自行搜索。网络路径也行，慢了一点。
Not allowed to load local resource: file:///,浏览器禁止访问浏览器图片，文件解决方法
weixin_42802725的博客
03-13 2万+
在chrome浏览器下载Web Server for Chrome插件，若能直接在chrome网上应用店下载插件，则方法如下 chrome读取本地图片时提示：“Not allowed to load local resource:” by run不动了 若不能则需自己下载，安装，配置插件 下载 我将找到的插件上传到百度云了，链接如下 链接：https://pan.baidu.com/s/1y7PSmfBGwm6uq3I33McXkQ?pwd=pzsn 提取码：pzsn 下载后安装得到一个压缩包 解压后得
not allowed to load local resource解决
gaxing4615的博客
07-25 7325
报错：not allowed to load local resource。file协议为本地文件传输协议，浏览器为了安全考虑不允许直接访问。
【django】【statics深入理解】如何在引入外部文件，不使用project目录下的static
u014458962的专栏
08-08 593
最近有个需求，相当于文档管理，需要根据用户的选择，将相应的文件在浏览器中显示。文件都是pdf格式的。 按照以往的经验，对于静态文件，只需要将其放到项目下的static 文件夹下，然后用{%static 'XXX/XXX.pdf'%}拼接它的路径就好了。但问题是，这些文件是单独存放在一个存储空间内的，数量很多，我不能将它们全部放在project下，那该怎么办呢？ 首先想到的是使用绝对...
回复itatoo
hunter
10-18 2163
####################################10.22################################################################# 一些新的疑问及思路： 1.我在你的Log里发现   我的源码里找不到这个文件，也没报这个错误。还有你看607，sensors.oem.so 建议你排查一下，看你那个问题就是 ...
gitlab 迁移、升级打怪之路：8.8.5--> 8.10.8 --> 8.17.8 --> 9.5.9 --> 10.1.4 --> 10.2.5
weixin_33775572的博客
07-04 4023
 gitlab 迁移、升级打怪之路：8.8.5--&gt; 8.10.8 --&gt; 8.17.8 --&gt; 9.5.9 --&gt; 10.1.4 --&gt; 10.2.5gitlab 数据迁移、升级打怪之路：8.8.5--&gt; 8.10.8 --&gt; 8.17.8 --&gt; 9.5.9 --&gt; 10.1.4 --&gt; 10.2.5打怪之路背景介绍：    我们的g...
让混合 app访问远端网站也能调用cordova插件功能（ionic cordova）
zoro_Dcup的专栏
03-31 3317
参考地址：https://blog.csdn.net/lovelyelfpop/article/details/50735395感谢上面链接博主文章；贴出部分关键点：在远端网站的index.html上添加下面的js引用，来加载cordova插件：&lt;script src="file:///android_asset/www/cordova.js" type="text/javascript" ...
Android WebView 报 Not allowed to load local resource错误的解决办法
07-28
Android WebView 报 Not allowed to load local resource错误的解决办法 博客地址：http://blog.csdn.net/yuzhiqiang_1993/article/details/76228541
解决前端页面报错：Not allowed to load local resource
sig321的专栏
11-22 2257
在前后端分离项目中，在前端页面里使用file://的绝对路径访问本地图片，在加载图片的。这是因为浏览器出于安全因素，禁止通过绝对路径访问图片，需要通过虚拟路径进行访问。时候会报出Not allowed to load local resource 的错误。
Not allowed to load local resource问题解决方案
Fuffu的博客
06-13 3127
遇到问题时间遇到该问题的原因。
vue + springboot浏览器报 Not allowed to load local resource: file://
weixin_49063019的博客
04-04 3714
vue + springboot浏览器报 Not allowed to load local resource: file://解决办法后端前端 原因：浏览器为了安全不给访问本地文件 解决办法 在springboot项目内修改 前端也有点改动 访问方式不一样了 后端 import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.Res
Not allowed to load local resource
寂若安年
01-23 2万+
记录一下： leaflet 加载本地瓦片 想在浏览器中链接到项目中的文件，结果报错：Not allowed to load local resource 后来查了下说是要改成相对路径，不能用绝对路径，于是照改——成功。 leaflet 加载本地瓦片的时候也是如此 （解决了加载本地瓦片的问题）
浏览器报错Not allowed to load local resource:的解决办法,与网上大多数都不同,亲测有用！
qq_41707910的博客
07-29 3万+
iis配置虚拟目录解决not allowed to load local resource
使用a链接在Chrome 中会报 Not allowed to load local resource: file// XXXX 的错误
gqz_的博客
10-11 1940
在Chrome地址栏中直接输入file://xxxx地址是可以正常访问的。但是在使用a链接来访问本地或者远程某文件时（此方法ie中正常）。 Chrome 出于安全的考虑：禁止通过这种方式访问本地的文件； 解决方案： 使用相对路径而非某一绝对路径，可将要访问的文件放置服务器。 使用Chrome插件以允许： https://chrome.google.com/webstore/detail...
解决本地图片无法展示并且浏览器控制台报错：Not allowed to load local resource: file:xxxx
见证自己学习,成长的记录
02-06 1万+
解决本地图片无法展示并且浏览器控制台报错：Not allowed to load local resource: file:xxxx
Not allowed to load local resource: file:///D
01-08
当遇到 "Not allowed to load local resource" 的错误时，原因通常是由于浏览器的安全策略限制，它不允许可能性地从本地文件系统加载资源，特别是对于来自非HTTPS源的内容。这通常发生在开发阶段，当你的应用程序运行在本地服务器（如Tomcat或Spring Boot）而非正式部署环境中。 解决方案包括： 1. **配置虚拟路径**[^1]: 使用Web框架（如Spring MVC）的资源配置功能，将本地文件夹映射到一个虚拟URL。这样，你可以通过这个虚拟路径访问本地资源，示例代码如`MyConfig`类所示： ```java @Configuration public class MyConfig implements WebMvcConfigurer { @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/product/**") .addResourceLocations("file:D:/secondhansImage/"); } } ``` 2. **前端处理**[^2]: 如果你在Vue应用中遇到此问题，可以在JavaScript层面尝试修改图片的src属性，使其指向服务器地址而不是本地文件。例如，如果你有后端API可以提供图片，那么应该使用API URL。 3. **服务器配置**: 对于Spring Boot项目，可以创建一个拦截器配置类（如`InterceptorConfig`），来设置资源处理器，以便访问本地文件。这需要后端支持，例如： ```java @Configuration public class InterceptorConfig implements WebMvcConfigurer { @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/image/**") .addResourceLocations("file:/D:/image/"); } } ``` 然而，重要的是要理解，这些方法仅适用于开发环境。在生产环境下，你应该确保所有资源都在服务器的正常域名下托管，以避免安全风险。 相关问题： 1. 如何在实际部署后解决这类本地资源访问问题？ 2. 如何在不改变现有架构的情况下，在测试环境中临时启用本地资源访问？ 3. 是否有其他替代方法，比如使用Nginx反向代理？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

傻猴儿

小编，多谢客官留下的赏钱。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值