Not allowed to load local resource: file:///F:/ERP/ERP/src/main/resources/static/imgss/XM2307-0032-0000/lang0.png
时间: 2023-07-31 12:12:04 浏览: 74
这个错误是由于浏览器的全策略导致的,浏览器不允许直接加载本地文件资源。在前端中,无法直接通过文件路径(`file:///F:/ERP/ERP/src/main/resources/static/imgss/XM2307-0032-0000/lang0.png`)来加载图片。
要在前端中加载图片,你需要将图片放置在公共的静态资源目录中,例如在前端项目的`public`或`assets`目录下。然后,通过相对路径或URL来引用图片。
假设你将图片放置在前端项目的`public`目录下的`img`文件夹中,可以按照以下方式引用图片:
```html
<img src="/img/XM2307-0032-0000/lang0.png" alt="Image">
```
注意,前面的斜杠(`/`)表示相对于项目根目录的路径。
在这种情况下,你可以在后端将文件保存到前端项目的静态资源目录中,然后将文件路径保存到数据库中。前端可以通过获取数据库中保存的文件路径来加载图片。
另外,确保你的后端服务器正确配置了静态资源的访问,以便能够正确地提供静态资源文件。具体的配置方式取决于你使用的后端框架和服务器。
相关问题
activities.html:734 Not allowed to load local resource: file:///F:/ERP/ERP/src/main/resources/static/imgss/XM2307-0032-0000/lang0.png
这个错误表明你的网页(activities.html)试图加载本地资源(file:///F:/ERP/ERP/src/main/resources/static/imgss/XM2307-0032-0000/lang0.png),但浏览器不允许加载本地资源。
浏览器出于安全考虑,限制了从本地文件系统直接加载资源。这是为了防止恶意网页访问用户的本地文件。因此,你需要将资源(lang0.png)放在一个能够通过网络访问的地方,例如将其部署到 Web 服务器上。
你可以将资源(lang0.png)放在 Web 服务器的公共目录下,然后使用相对路径或绝对路径来引用它。例如,如果你将资源放在静态文件目录下的 "imgss" 文件夹中,可以使用相对路径来引用它:
```html
<img src="imgss/XM2307-0032-0000/lang0.png" alt="lang0">
```
或者使用绝对路径:
```html
<img src="/imgss/XM2307-0032-0000/lang0.png" alt="lang0">
```
确保资源路径与实际的文件位置相匹配,并且可以通过网络访问。
如果你正在本地开发,可以尝试使用一个本地的开发服务器(例如 Node.js 的 http-server 或 Python 的 SimpleHTTPServer),这样可以模拟服务器环境并加载资源。
总结:将资源文件部署到 Web 服务器上,并使用正确的路径来引用它,以解决该错误。
not allowed to load local resource: file:///d:/20230808112356.jpg
这个错误信息表示不能加载本地资源,是因为在浏览器的安全策略中,默认情况下不允许通过文件协议(file://)加载本地资源。
浏览器限制通过file://协议加载本地资源是为了保护用户的安全,防止恶意代码通过这种方式访问用户的计算机文件。
要解决这个问题,有以下几种方法:
1. 将图片文件放在一个web服务器上,通过HTTP协议(http://)加载图片。这样就不会触发安全策略限制。
2. 将图片文件移动到网站目录下,使用相对路径进行引用。例如,如果图片文件和HTML文件在同一个目录下,可以使用相对路径"20230808112356.jpg"引用图片。
3. 在浏览器的地址栏中输入"about:config"进入配置界面,搜索"security.fileuri.strict_origin_policy"并将其值设为false。这将关闭浏览器的安全策略,允许通过file://加载本地资源。但是,这种方法会降低浏览器的安全性,不建议在正式环境中使用。
总之,要解决"not allowed to load local resource"错误,最好的方法是将图片文件放在web服务器上,并通过HTTP协议加载图片。这样不仅能够保护用户安全,还能更好地适应 web 开发的基本原则。