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下的测试