解决浏览器无法加载图片的问题(在Chrome 中会报 Not allowed to load local resource: file// XXXX 的错误 )

本文介绍在IDEA环境中,如何解决从客户端上传图片并显示在浏览器中的问题。通过将图片部署到Tomcat服务器下,使用URL访问,避免了谷歌浏览器因安全策略导致的本地资源加载失败。

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

背景:在idea下,想要加载图片,这个图片是从客户端上传上来的,保存的路径通过下面这条语句来确定:

 String realPath = request.getRealPath("download");

在idea中,这个路径对应的是Out下的artifact-项目名explord下;

这个路径实际上是在服务器主机上的某个磁盘中(取决于工程放在你哪里)。而当用谷歌浏览器上传的时候,就会出现 Not allowed to load local resource的问题,这是因为,谷歌浏览器因为安全性的原因,无法让客户端浏览到磁盘(因为这样会被黑客加以利用)我们可以把图片部署到tomcat下,通过url来访问图片,这样在浏览器中也可以正常访问。

out.println("<img width='80' height='120' src=http://localhost:8080//img" +
                "//"+request.getParameter("isbn")+".jpg><br/><br/>");

具体做法:

编辑tomcat选项,在deployment中,添加(external sources),把你图片的文件夹添加进来就可以了,而后,添加访问的URL:

比如:img。就像上面的代码一样。

这样提高了安全性,也解决了问题。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值