JSP页面如何显示本地图片

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


步骤阅读

工具/原料

操作环境：Ubuntu+tomcat服务器

方法/步骤

1

这个方法就是设置虚拟目录，也就是说把硬盘上一个目录映射到tomcat的工作目录下，然后tomcat就可以根据一个映射关系找到硬盘中的文件了

2

我们在Eclipse中找到服务器，下面有个server.xml文件，点击打开


步骤阅读

3

在<Host>标签内加入如下代码

<Context crossContext="true" docBase="/home/jason/upload" path="/upload" reloadable="true"></Context>

其中docBase就是本地电脑的绝对路径

path就是设置的虚拟路径

修改完之后需要重启tomcat服务器


步骤阅读

4

虚拟路径配置完成了，接下来就是jsp页面显示的问题了，由于我之前有过上传图片，而上传图片的绝对路径可以通过file.getAbsolutePath()方法获得，例如/home/jason/upload/test.jpg

下面只需要截取后面的test.jpg文件名即可

5

在jsp页面中已经获取了绝对路径，我是保存在picPath变量中，然后通过如下代码截取文件名：<% int index = picpath.lastIndexOf("/"); String virtualPath = picpath.substring(index); out.print(virtualPath);%><img src="/upload/<%=virtualPath%>"/>


步骤阅读

6

截取之后只要路径没拼错，就可以显示图片了～让我们看看网页源代码，如下图2,即显示的是虚拟路径/upload


步骤阅读


步骤阅读

END

转自：http://jingyan.baidu.com/article/922554468c4a64851648f4e7.html