WEB工程中html如何引入非本工程的图片

web工程中html中引入在项目中的图片很容易，但是如何引入非本工程的图片呢？

在html的img标签中这样写是不能引入本地的图片的：<img src="C:/html/abc.jpg" width="425" height="510">

还有另一种方式也是无法引入的，比如这种：<img src="file:///E|/html/abc.jpg" width="425" height="510">

但是注意这并不妨碍你用浏览器直接访问E盘下的图片，像下面这样是可以访问的：

我们所讨论的是web工程访问非工程文件问题！！！！

反正尝试各种姿势都无法解锁html加载非工程的图片，原因是：现在的浏览器处于安全问题或者其他问题（咱们就这么理解吧），禁止使用像上面这样的路径。

 

上干货！解决办法：

1.对于部署在tomcat上的项目来说，如果你想在html页面中应用非工程的图片文件 ，那么你需要修改tomcat的配置文件：cong/server.xml,在<Host></Host>中加入一行：

<Context path="/upload" docBase="E:\uploads\images\upload"  reloadable="true"></Context>

上面配置你的虚拟路径，这样可以保证资源访问安全性

到此步，你可以直接访问你的图片了！http://127.0.0.1:8088/upload/qq01.jpg

2.如果你执拗的写页面测试，那么在html页面中，这样写文件位置：

3.最最重要的一点，记得把你的项目页面放到tomcat的webapps下面，不要犯2......

4.这样做的好处：

    1>减轻数据库的压力

     2>文件安全，以http://127.0.0.1:8088/upload/是访问不到你的文件的

 不足：有时候你需要改文件的地址

5.这是windows下的测试