jsp中如何引用本地路径图片--设置虚拟路径（转）

大家有没有遇到过JSP页面里面写img标签，然后跟绝对路径，<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="/home/upload/test.jpg/>"图片就是显示不出来的问题，直接打开HTML文件不就是这么显示图片的么？关键问题是JSP是运行在服务器上的（以Tomcat为例），服务器是有个根路径的，如果你用绝对路径前面是有个http://localhost:8080/×××这么一串路径的，那怎样显示本地的图片呢？下面讲一种比较简单的方法

这个方法就是设置虚拟目录，也就是说把硬盘上一个目录映射到tomcat的工作目录下，然后tomcat就可以根据一个映射关系找到硬盘中的文件了
我们在Eclipse中找到服务器，下面有个server.xml文件，点击打开
JSP页面如何显示本地图片
在<Host>标签内加入如下代码
<Context crossContext="true" docBase="/home/jason/upload" path="/upload" reloadable="true"></Context>
其中docBase就是本地电脑的绝对路径
path就是设置的虚拟路径
修改完之后需要重启tomcat服务器
虚拟路径配置完成了，接下来就是jsp页面显示的问题了，由于我之前有过上传图片，而上传图片的绝对路径可以通过file.getAbsolutePath()方法获得，例如/home/jason/upload/test.jpg
下面只需要截取后面的test.jpg文件名即可

在jsp页面中已经获取了绝对路径，我是保存在picPath变量中，然后通过如下代码截取文件名：<% int index = picpath.lastIndexOf("/"); String virtualPath = picpath.substring(index); out.print(virtualPath);%><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="/upload/<%=virtualPath%>"/>
JSP页面如何显示本地图片
截取之后只要路径没拼错，就可以显示图片了～让我们看看网页源代码，如下图2,即显示的是虚拟路径/upload
JSP页面如何显示本地图片