如何在JSP中用AJAX上传文件及字段？解决request.getParameter失效问题

嘿，这个坑我踩过好多次了！当你把表单的enctype设为multipart/form-data后，HTTP请求的内容格式就变成了分块的二进制数据流，不再是传统的键值对形式，这时候request.getParameter()就没法直接解析出普通字段的值了——这就是你遇到的问题根源。

下面给你两种常用的解决方案，根据你的Servlet版本来选：

方案一：Servlet 3.0+ 原生API（推荐，无需额外依赖） #

从Servlet 3.0开始，官方已经支持了文件上传的原生处理，只要给你的Servlet加上@MultipartConfig注解，就能同时处理文件和普通字段：

步骤1：给Servlet添加注解 #

@WebServlet("/SurveyServlet")
@MultipartConfig // 关键！开启multipart请求支持
public class SurveyServlet extends HttpServlet {
    // ... 你的代码
}

步骤2：处理文件和普通字段 #

在doPost方法里，你可以这样获取文件和参数：

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // 1. 处理上传的图片文件
    Part filePart = request.getPart("merge_notification"); // 对应表单里的name属性
    String fileName = filePart.getSubmittedFileName(); // 获取上传的文件名
    
    // 保存文件到服务器（示例路径，你可以根据自己的需求调整）
    String uploadDir = getServletContext().getRealPath("/uploads");
    File saveDir = new File(uploadDir);
    if (!saveDir.exists()) {
        saveDir.mkdirs();
    }
    filePart.write(uploadDir + File.separator + fileName);

    // 2. 获取普通字段（比如通知日期，假设表单里的name是merge_date）
    // 注意：必须确保表单里的输入框有name属性！id只是前端用的，后端认的是name
    String mergeDate = request.getParameter("merge_date");
    
    // 如果上面的getParameter偶尔失效，可以用Part读取流的方式兜底：
    // Part datePart = request.getPart("merge_date");
    // String mergeDate = new String(datePart.getInputStream().readAllBytes(), StandardCharsets.UTF_8);

    // 接下来就可以用mergeDate做后续处理了...
}

方案二：Apache Commons FileUpload（兼容老版本Servlet） #

如果你的项目用的是Servlet 3.0之前的版本，那就需要借助Apache的Commons FileUpload工具包：

步骤1：引入依赖 #

需要添加commons-fileupload和commons-io两个jar包到项目的WEB-INF/lib目录下。

步骤2：解析请求并处理 #

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // 初始化文件上传处理器
    DiskFileItemFactory factory = new DiskFileItemFactory();
    ServletFileUpload upload = new ServletFileUpload(factory);

    try {
        // 解析整个multipart请求，得到所有表单项
        List<FileItem> items = upload.parseRequest(request);
        
        for (FileItem item : items) {
            if (item.isFormField()) {
                // 处理普通表单字段
                String fieldName = item.getFieldName();
                String fieldValue = item.getString("UTF-8"); // 指定编码避免乱码
                
                if ("merge_date".equals(fieldName)) {
                    String mergeDate = fieldValue;
                    // 处理日期字段逻辑
                }
                // 其他普通字段同理
            } else {
                // 处理上传的文件
                String fieldName = item.getFieldName();
                String fileName = item.getName();
                
                if ("merge_notification".equals(fieldName)) {
                    String uploadDir = getServletContext().getRealPath("/uploads");
                    File saveFile = new File(uploadDir + File.separator + fileName);
                    item.write(saveFile);
                }
            }
        }
    } catch (Exception e) {
        e.printStackTrace();
        // 这里可以添加异常处理逻辑，比如返回错误页面
    }
}

重要提醒 #

• 所有需要后端获取的表单字段，必须设置name属性！比如你的日期输入框，不能只有id="merg..."，一定要加上name="merge_date"（或者你自定义的名称），后端是通过name来识别字段的。
• 处理普通字段时记得指定UTF-8编码，避免出现乱码问题。
• 确保服务器的上传目录有写入权限，不然文件会保存失败。

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