JSP页面如何显示本地图片

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

操作方法

  • 01

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

  • 02

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

  • 03

    在<Host>标签内加入如下代码 <Context crossContext="true" docBase="/home/jason/upload" path="/upload" reloadable="true"></Context> 其中docBase就是本地电脑的绝对路径 path就是设置的虚拟路径 修改完之后需要重启tomcat服务器

  • 04

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

  • 05

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

  • 06

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

赞 (0)

相关推荐

  • Word 2007转换WEB页面时,用文字代替不能正常显示的图片

    Word 2007转换WEB页面时，用文字代替不能正常显示的图片 当将Word2007内容转换成WEB网页内容的时候，如果部分网页图片不能正常显示，这会让生成的网页非常的难看，非常的不协调。我们这时可 ...

  • 怎么用QQ浏览器给手机上的本地图片做备份

    怎么用QQ浏览器给手机上的本地图片做备份

    现在智能手机里面的图片也许是我们最不想丢掉的,其实备份照片的方法有许多种,今天就跟大家介绍一下怎么用QQ浏览器给手机上的本地图片做备份的具体操作步骤.1. 首先我们打开QQ浏览器APP,进入首页,选择 ...

  • B站哔哩哔哩APP中的本地图片缓存怎么清空

    B站哔哩哔哩APP中的本地图片缓存怎么清空

    今天给大家介绍一下B站哔哩哔哩APP中的本地图片缓存怎么清空的具体操作步骤.1. 解锁手机后,找到桌面上的哔哩哔哩APP,打开.2. 进入主页面后,点击页面左上角的个人头像.3. 在打开的左侧菜单中, ...

  • 解决支付宝开通爱奇艺VIP身份认证页面不显示问题

    解决支付宝开通爱奇艺VIP身份认证页面不显示问题! 首先网页图片不显示.验证码无法显示可能是由于你的网购涉及到支付安全问题导致被360拦截问题, 当然也可能是360保镖正在进行网购保护导致,只需退出网 ...

  • word中如何将页眉中页码显示在图片上

    设置方法: 1.单击插入页码----页面底端----普通数字2: 2.进入页脚编辑状态: 3.单击插入----图片按钮: 4.弹出插入图片对话框,选择所需要的图片: 5.选中图片: 6.单击图片工具- ...

  • Win7系统Chrome浏览器无法显示网页图片的解决方法

    Win7系统打开Chrome浏览器浏览网页发现页面无法显示图片,出现这种情况该如何解决?下面小编为大家带来Win7系统Chrome浏览器无法显示网页图片的解决方法.一起去看看吧! 方法一: 1.清理缓 ...

  • ppt文字怎么置顶? ppt文字显示在图片上面的教程

    ppt中想要将文字置顶,该怎么置顶文字呢?下面我们就来看看详细的教程. 一.插入文字 1.打开一个ppt,找到插入文本框的工具.具体做法:点击上方工具栏中的插入,在下拉框里选择“文本框——水平”. 2 ...

  • 如何在win10系统电脑中显示本地天气？

    如何在win10系统电脑中显示本地天气？

    相信很多小伙伴都有在使用windows10系统的电脑,在其中如何才能让本地天气显示呢?方法很简单,下面小编就来为大家介绍.方法一:更换天气应用显示城市1. 首先,打开桌面左下角的开始菜单,在弹出菜单中 ...

  • 让excel表格中的名字都能显示对应图片的方法

    让excel表格中的名字都能显示对应图片的方法

    随着科技的发展,电脑已经成为人们日常生活中必不可少的工具,当我们在使用excel处理数据数据时,如果想要表格内的名字都有对应的图片的显示的话,应该如何进行设置呢?接下来就由小编来告诉大家.具体如下:1 ...