大家有没有遇到过JSP页面里面写img标签,然后跟绝对路径,<img src="/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 src="/upload/<%=virtualPath%>"/>
JSP页面如何显示本地图片
截取之后只要路径没拼错,就可以显示图片了~让我们看看网页源代码,如下图2,即显示的是虚拟路径/upload
JSP页面如何显示本地图片