今天在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保持一致即可