Ajax FormData 上传文件，Servlet 轻松获取文件和参数，助你快速开发

前端

2023-06-21 03:12:58

文件上传是 Web 开发中一项基本任务，但它有时会很棘手，尤其是当涉及到 AJAX 时。幸运的是，FormData 文件上传是一种强大而便捷的方法，可以简化文件传输。

FormData 的妙处

FormData 是一种 JavaScript 接口，允许您创建包含文件和其他数据的对象。与传统文件上传方法不同，FormData 可以通过 AJAX 发送数据，无需刷新页面。

获取文件和参数：Servlet 的职责

在 Servlet 中，获取 FormData 提交的文件和参数非常简单。以下是如何实现的：

获取 Content-Type

确定请求的 Content-Type，是否为 multipart/form-data。

String contentType = request.getContentType();

处理文件上传

使用 request.getPart("file") 获取文件部分，然后提取文件名、文件大小和输入流。

if (contentType.startsWith("multipart/form-data")) {
    Part filePart = request.getPart("file");
    String fileName = filePart.getSubmittedFileName();
    InputStream fileInputStream = filePart.getInputStream();
}

处理表单数据

使用 request.getParameter("parameterName") 获取提交的表单参数。

String parameterValue = request.getParameter("parameterName");

老项目框架：解决文件上传疑难杂症

对于使用老项目框架的用户，文件上传可能会遇到障碍。这是因为老框架可能不支持 FormData 文件上传。要解决此问题，您可以：

设置 Content-Type

将请求的 Content-Type 设置为 application/x-www-form-urlencoded。

request.setContentType("application/x-www-form-urlencoded");

转换为 Multipart/Form-Data

使用 MultipartRequest 类将请求转换为 multipart/form-data。

request = new MultipartRequest(request, saveDirectory, maxPostSize, encoding);

总结

FormData 文件上传是一种高效便捷的方法，可简化文件传输。Servlet 可以轻松获取文件和参数，即使对于老项目框架，也有解决方案可以解决文件上传问题。

常见问题解答

为什么 FormData 文件上传如此有用？

它允许异步文件传输，无需刷新页面。
如何判断 Content-Type 是否为 multipart/form-data？

使用 contentType.startsWith("multipart/form-data")。
如何获取文件名称？

使用 filePart.getSubmittedFileName()。
如何处理老项目框架中的文件上传？

设置 Content-Type 为 application/x-www-form-urlencoded 并使用 MultipartRequest。
FormData 只能用于文件上传吗？

不，它还可以用于提交表单数据。