java后端开发通过虚拟路径访问本地图片

通过虚拟路径访问本地图片

Page content

通过虚拟路径访问本地图片

情况说明: 之前存入在数据库中的图片地址是本地的相对路径,需要实现的是在html页面中img标签src中直接写上本地图片资源的相对路径,得以显示。

1. 错误重现

数据库:

数据库headline

没有做任何设置之前:

图片加载失败

2. 解决步骤

  • 第一步:

在Tomcat目录下找到conf文件夹,打开server.xml D:\apache-tomcat-9.0.22\conf\server.xml


  <Host name="localhost" appBase="webapps" unpackWARs="true" autoDeploy="true">

    <Valve className="org.apache.catalina.valves.AccessLogValve" directory="logs"
  prefix="localhost_access_log" suffix=".txt"/>
  <!-- eclipse -->
  <Context docBase="shopping" path="/shopping" reloadble="true" source=" org.eclipse.jst.jee.server:o2o">
  </Context>

  <!-- 
  在此处添加以下内容  我的图片位置为 : 
  D:\projectdev\img\upload\item\headtitle\XXXXX.jpg 
   -->
  <Context path="/upload" docBase="D:\projectdev\img\upload" crossContext="true" reloadable="true" debug="0">
  </Context>
    
  </Host>
  • 第二步: 开发工具为 Idea

快捷键: shift+alt+F10 , 进入Run小窗口

idea-run

​ 进入Tomcat设置界面:

idea-run-open

​ 选择自己的当前项目的Tomcat

idea-tomcat-setting-1

​ 设置路径:

idea-tomcat-setting-1

idea-tomcat-setting-1

idea-tomcat-setting-1

​ 重启tomcat:

idea-tomcat-setting-1

​ 访问成功:

idea-tomcat-setting-1