IDEA设置虚拟路径 - 解决前端展示本地磁盘图片问题

2024-04-15 19:58:51

Windows系统下，使用idea开发项目时，遇到了一个问题！

问题：将数据库中存储的图片查询出来，并在前端进行展示，但显示失败！！

这是图片在本地磁盘中的存储地址

这是数据库中存储的图片地址(相对地址)
（某些教程中提到，如果是在Windows系统下，路径分隔符应使用反斜杠\，如果是Linux系统，则使用斜杠/。但我发现在Windows系统中，使用正斜杠/作为路径分隔符也是可以的），不知道正斜杠/是不是对Windows和Linux都适用，希望哪位大神能指点一二！

配置虚拟路径前，测试，报404，即根据相对路径找不到图片，前端读取路径时必须通过全限定名读取！

1)手动在Tomcat的service.xml中设置虚拟路径

1、进入tomcat安装目录的config文件夹下，找到service.xml文件，用notepad++ 或记事本打开

2、在<Host>标签内添加 <Context path="/upload" docBase=“D:\idea\java_workspace\image\upload” reloadable=“true”/>

意思是：当读取到\upload时，就会自动将/upload解析成D:\idea\java_workspace\image\upload，这样就可以根据数据库中的相对路径来拼接处绝对路径读取到图片

（注意，path属性中的分隔符一定是斜杠”/”，不管是在Windows还是Linux系统）

3、打开Edit Configurations…面板，勾选Deploy applications configured in Tomcat instace选项

4、重启tomcat服务器（注意：别忘了这一步，否则无效果）

5、浏览器中输入图片地址，成功显示！

2)直接在IDEA中设置虚拟路径

1、打开Edit Configurations…面板，勾选Deploy applications configured in Tomcat instace选项
（很多教程里都有这一步，但我亲测过，不勾选Deploy applications configured in Tomcat instace选项也可以）

2、指定虚拟路径

3、设置当返回的相对值路径包含/upload时，就会自动将/upload解析成D:\idea\java_workspace\image\upload

4、重启tomcat服务器（注意：别忘了这一步，否则无效果）

5、浏览器中输入图片地址，成功显示！

IDEA设置虚拟路径 - 解决前端展示本地磁盘图片问题相关推荐

linux查看vsftpd目录,vsFTPd常用功能之设置虚拟路径和查看日志信息
vsftpd是一款在Linux发行版中最受推崇的FTP服务器程序,我们经常会使用Dreamweaver 当文件上传到远程服务器后,这些文件驻留在服务器本地目录树中的某一个文件夹中.这时我们会用到虚拟路 ...
使用webpack-dev-server设置反向代理解决前端跨域问题
使用webpack-dev-server设置反向代理解决前端跨域问题参考文章: (1)使用webpack-dev-server设置反向代理解决前端跨域问题 (2)https://www.cnblog ...
LocalResizeIMG前端HTML5本地压缩图片上传，兼容移动设备IOS,android
LocalResizeIMG前端HTML5本地压缩图片上传,兼容移动设备IOS,android jincon 发表于 2015-02-26 18:31:01 发表在: php开发 localresiz ...
虚拟桌面看不到本地磁盘，在虚拟桌面快速打开本地磁盘
虚拟桌面看不到本地磁盘,在虚拟桌面快速打开本地磁盘,直接在虚拟桌面地址栏输入\\client\d$,打开本地D盘.$前可替换为cdef,打开指定磁盘.
webdrive软件来解决ftp映射本地磁盘
webdrive软件来解决ftp映射本地磁盘前提提要,之前用共享文件夹来进行报表文件上传,后续需要改成ftp进行操作,但是win10没有将ftp转换成本地磁盘的功能,只能使用插件或者软件来实现网上 ...
tomcat 设置虚拟路径
2019独角兽企业重金招聘Python工程师标准>>> Tomcat无法管理<Tomcat安装目录>/webapps目录以外的Web应用程序在server.xml中配置 ...
tomcat 设置虚拟路径的4种方法
通常使用方法1或者方法2 方法1 (添加配置文件):推荐使用,不需要重启服务器在Tomcat根目录下的/conf/Catalina/localhost/ 路径下新建一个filename.xml,并 ...
fileReader学习-前端展示本地图片
最近项目中会使用富文本编辑器,发现源码中有fileReader,来学习一下~ FileReader的学习 FileReader是一种异步文件读取机制,结合input:file可以方便的读取本地文件(图 ...
html显示本地磁盘图片,手把手教你为本地磁盘增添背景图片（图解）
一:准备好一张作为背景的图片,放在一个自己能够找到的文件中.然后打开想要设置的磁盘,这里选择的是C盘.右单击磁盘内的空白处,选择新建-文本文档. 二:点击打开文本文档,将下面的代码复制进文本文档内,然 ...

最新文章

热门文章