解决页面上加载不出来数据库中的图片（Not allowed to load local resource）

今天小编遇到了这个问题，小编是把图片的路径放在了数据库中，然后用img的src属性写到页面上，但是发现图片加载不出来，报这个错误。

到网上百度后，发现这个其实是浏览器的一种保护机制，带file://的文件在浏览器中不能打开，不然通过写一个本地的路径就能够访问到你文件夹里的关键内容，密钥等，很不安全。可是确实安全了，连图片都显示不出来了。

小编试了很多方法，最后找到一个方法，就是通过tomcat代理，在tomcat里写一个虚拟路径来代替绝对路径，这样就能显示在浏览器中。

具体方法：

1.找到tomcat安装包下的/conf/server.xml文件

2.在<Host /Host>标签中写

<Context path="/file" docBase="D:\javaweb 练习\test" debug="0" reloadable="true" /> 

其中path是自己设置的虚拟路径，docBase是图片所在的文件夹地址，用虚拟路径代替真实路径后

在img标签的src下写

<img src="/file/test.jpg">

小编的图片是text.jpg 自己可以修改。

然后在idea，tomcat配置的部署中将图片的文件夹加入进来，并将Aplication context的名字起成/file点击应用，保存后。运行然后就能访问成功了