使用Hbuliderx 不能显示本地图片

Question

刚开始学HTML编写
想显示一个图片,我知道图片的绝对路径为E:/Web/02.jpg

但是使用使用如下代码无法显示图片

<img alt = "图片1" src ="file://E:/Web/02.jpg"/>

显示出来的效果是这样的

各位大大看看是为什么？
按F12后console有这样一句话
Not allowed to load local resource: file:///E:/Web/02.jpg

Answer 1

如果页面在服务器上，浏览器出于安全考虑是不允许html访问本地文件的。不会允许浏览器打开file://开头的本地图片的。

如果页面html文件是放在本地的，比如用浏览器打开桌面上的html文件，是可以访问本地图片文件的。但也不能访问所在根目录以外的文件夹下的图片。否则会报错： “not allowed to load local resource”。

解决方法：在tomcat里面server.xml配置虚拟路径。

步骤：
1、找到Tomcat的配置文件（\conf\server.xml）用记事本打开。（如果忘记自己的Tomcat放哪里了可以window–preference–模糊搜索Tomcat，找到Tomcat 7.x,右边的就是你Tomcat的路径）
2、在< host >与< /host >之间加入如下代码：【< Context path="/file" docBase=“E:\test” debug=“0” reloadable=“true”/>】
其中：path就是映射的路径（数据里存储的相对路径），docBase就是你的文件所在路径（图片本地路径）。
3、以上两个步骤完成之后，就可以在后台调用了