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
阅读更多

没有更多推荐了,返回首页