通过xmlHttpRequest多部分发送文件

只有使用XHR

FormData

有了这个HTML，

<input type="file" id="myFileField" name="myFile" />

您可以按以下方式上传：

var formData = new FormData();formData.append("myFile", document.getElementById("myFileField").files[0]);var xhr = new XMLHttpRequest();xhr.open("POST", "myServletUrl");xhr.send(formData);

XHR将注意适当的头和请求主体编码，在此示例中，该文件将作为

form-data

myFile

您需要记住，

FormData

另一种方法是使用jQuery
Form插件
。您的整个表单在编写并正常运行而无需使用任何Javascript代码的情况下，将立即通过以下代码行进行修饰：

$("#formId").ajaxForm(function(response) {    // Handle ajax response here.});

它还通过隐藏的iframe技巧支持文件上传。另请参阅此jQuery
Form文档以获取详细说明。您可能只需要更改servlet代码，以便能够在正常（同步）和ajax（异步）请求上进行拦截。

无论哪种方式，上传的文件都可以在servlet的

doPost()

@MultipartConfig

Part myFile = request.getPart("myFile");

或者，如果您仍在使用Servlet 2.5或更早版本，请按常规方式使用Apache Commons
FileUpload。