谷歌浏览器报错 Not allowed to load local resource 的解决方法

在HTML中直接引用磁盘上的图片()在运行之后会报错如下:

谷歌浏览器报错 Not allowed to load local resource 的解决方法_第1张图片

报错原因为谷歌浏览器禁止直接访问磁盘文件(估计是出于安全考虑,要不然的话通过浏览器就可以访问本地的东西确实有点危险)

解决方法为给tomcat配一个虚拟路径,tomcat本身会把这个虚拟路径解析为本地磁盘路径,这样既解决了访问不了图片的问题,有保证了浏览器只能访问指定文件夹。

步骤如下:
 

1、找到tomcat的配置文件(\conf\server.xml)并打开

2、在<host>与</host>之间加入如下代码:】其中:path就是映射的路径,docBase就是你的文件所在路径 

3、调用方法:【E:\test】下有一张test.jpg的图片 

  img 标签中的src改为“/file/test.jpg”

4、测试ok

这里要注意一下:如果编程使用的是eclipse的话,他的tomcat插件里每次重启动是会更新server.xml的,所以需要改eclipse默认的server配置,其一般在workspace下的Servers文件夹中,如图:

谷歌浏览器报错 Not allowed to load local resource 的解决方法_第2张图片

然后就可以访问成功啦!

谷歌浏览器报错 Not allowed to load local resource 的解决方法_第3张图片

 

你可能感兴趣的:(前端知识)