not allowed to load local resource

 今天在html页面引用本地图片，浏览器报了“not allowed to load local resource”的错误，原来是浏览器为了安全考虑，禁止页面引用本地资源。

解决方案：在应用服务器（我用的tomcat）中为要引入的资源设置一个虚拟路径，配置方式如下：打开server.xm,在<Host>标签中加入下面一句话<Context>的内容：

<Host name="localhost"  appBase="webapps"
            unpackWARs="true" autoDeploy="true">

	<Context path="/file"      docBase="D:\localImg" debug="0" reloadable="true"/>
      
        <Valve className="org.apache.catalina.valves.AccessLogValve" directory="logs"
               prefix="localhost_access_log." suffix=".txt"
               pattern="%h %l %u %t "%r" %s %b" />
	


      </Host>

然后在本地D盘建一个叫“localImg”的文件夹，需要用的本地资源放进去就行，前台页面的引用资源方式如下：

<img  class="imgtest" src="/file/111.png"  >

这里的"/file" 和 <Context path="/file"      docBase="D:\localImg" debug="0" reloadable="true"/>  的 path保持一致即可