HTML表单获取用户上传图片后，Tomcat本地环境下如何将图片保存至指定路径供页面展示

你当前的表单缺少文件上传必需的编码声明，即使提交表单，后端也无法接收到文件二进制流。直接把form标签替换为带enctype属性的版本即可：

<div class="w3-container w3-center">
  <form action="NewProjectLoadingPage.jsp" method="POST" enctype="multipart/form-data">
    <h4>Choose an image to include</h4>
    <p>
      <input type="file" id="img" name="img" accept="image/*">
    </p>
    <p>
      <input type="submit" value="Create" />
    </p>
  </form>
</div>

说明：enctype="multipart/form-data"是文件上传场景的必填配置，默认表单编码格式无法传输二进制文件内容

当前本地Tomcat 8及以上版本（Servlet 3.0+）内置了文件上传解析能力，不需要额外引入第三方工具包，直接在NewProjectLoadingPage.jsp中编写保存逻辑即可，完全适配课程项目的轻量需求：

1. 提前创建好你要存图片的本地文件夹，比如项目webapp目录下的uploads子文件夹（这种方式不需要额外配置，后续网页直接能引用图片）
2. 在JSP页面顶部导入内置类，在页面初始化阶段执行保存逻辑：

<%@ page import="java.io.File" %>
<%@ page import="javax.servlet.http.Part" %>
<%
// 定义图片保存的目标路径，用正斜杠分隔，避免转义问题
String savePath = request.getServletContext().getRealPath("/uploads");
// 定义你要求的固定文件名
String targetFileName = "user_upload.jpg";

// 获取表单中name为img的上传文件块
Part imgPart = request.getPart("img");
if (imgPart != null && imgPart.getSize() > 0) {
    // 创建目标文件夹（如果不存在）
    File saveDir = new File(savePath);
    if (!saveDir.exists()) {
        saveDir.mkdirs();
    }
    // 把上传的文件直接写入目标路径
    imgPart.write(savePath + File.separator + targetFileName);
}
// 后续原有的生成新页面的逻辑可以继续接在后面写
%>

• 如果图片存在项目webapp下的uploads目录，生成的新页面中直接用相对路径引用即可：<img src="uploads/user_upload.jpg">
• 如果需要把图片存在项目目录外的自定义本地文件夹（比如D盘的专属素材文件夹），需要在Tomcat的server.xml的<Host>标签内增加一行静态资源映射，避免Tomcat禁止读取项目外的文件：

  <Context docBase="D:/my_course_images" path="/local_imgs" reloadable="true"/>
  

  配置完成后，页面就可以通过<img src="/local_imgs/user_upload.jpg">正常展示图片。

• 保存文件必须用Tomcat内置的Part.write()方法或者字节流操作，不要用字符流的FileWriter，否则存出来的图片会损坏无法打开
• Eclipse环境下启动的Tomcat如果报文件写入权限错误，只需要把目标保存文件夹的Windows系统权限开放为当前用户可读写即可
• 不需要考虑公网部署的安全校验逻辑，课程项目本地跑只要流程跑通即可

内容的提问来源于stack exchange，提问作者user14726447