chatgpt如何访问本地文件夹 java web项目中解决前端页面无法拿到webapps之外的本地目录中图片资源

默认分类1年前 (2023)发布 admin
38 0
ChatGPT国内版

前端页面获取本地图片资源的几个办法

最近项目中需要在页面中显示人员照片,但是所有的照片资源在服务器上的另一个本地文件夹下,并不在我们的项目文件夹内,在尝试了几种获取图片资源的方式后最终找到了合适的解决办法,因此做了一个小结,方便以后参考。

1.

标签中的scr直接写入图片资源链接

代码如下:

<img src="img/picture.jpg" alt="User Photo" style="width: 120px; height: 168px" >

chatgpt如何访问本地文件夹 java web项目中解决前端页面无法拿到webapps之外的本地目录中图片资源

这里的src=”img/.jpg”可以写相对路径也可以使用绝对路径,但这样使用的前提是图片资源在//目录之内,如果图片所在文件夹在之外,无论使用哪种路径都无法访问到。

由于我项目中所有的图片都在本地的一个文件夹下,所以此方法不可用。

2.修改的.xml文件,配置虚拟路径访问本地路径

打开本机的/conf文件夹,找到.xml文件,打开并编辑,在标签内加入一句:

<Context docBase="D:resource" path="/imgResource" debug="0" reloadable="true"/>

前端代码:

chatgpt如何访问本地文件夹 java web项目中解决前端页面无法拿到webapps之外的本地目录中图片资源

<img src="/imgResource/img/picture.jpg" alt="User Photo" style="width: 120px; height: 168px" >

其中path是虚拟路径,我们在页面中使用的;为真实的本地资源路径,将本地路径映射给虚拟路径使用

这样做的话需要修改的配置,我的项目是部署在中的,而且是个老项目,配置文件没人愿意去改,所以也没用这种方法。

3.后台通过IO流的方式将图片传输到页面

页面上图片的src属性其实就是一个http请求,后台处理这个请求是输出一张图片到浏览器

java代码:

/**
	 * IO流传输个人照片到前端
	 * @Title: showPhoto
	 */
	public String showPhoto(){
   

© 版权声明
广告也精彩

相关文章

暂无评论

暂无评论...