在HTML中直接引用磁盘上的图片(<img src=""/>)在运行之后会报错如下:
报错原因为谷歌浏览器禁止直接访问磁盘文件(估计是出于安全考虑,要不然的话通过浏览器就可以访问本地的东西确实有点危险)
解决方法为给tomcat配一个虚拟路径,tomcat本身会把这个虚拟路径解析为本地磁盘路径,这样既解决了访问不了图片的问题,有保证了浏览器只能访问指定文件夹。
步骤如下:
1、找到tomcat的配置文件(\conf\server.xml)并打开
2、在<host>与</host>之间加入如下代码:<Context path="/file" docBase="E:\test" debug="0" reloadable="true"/>】其中:path就是映射的路径,docBase就是你的文件所在路径
3、调用方法:【E:\test】下有一张test.jpg的图片
【img 标签中的src改为“/file/test.jpg”】
4、测试ok
这里要注意一下:如果编程使用的是eclipse的话,他的tomcat插件里每次重启动是会更新server.xml的,所以需要改eclipse默认的server配置,其一般在workspace下的Servers文件夹中,如图:
<Context docBase="D:\eclipse\workspace\ssmSources" path="/file" reloadable="true"/>
参考:https://blog.csdn.net/xcxy2015/article/details/81742349