html ajax 上传文件到服务器,如何使用JSP/Servlet和Ajax将文件上传到服务器？

说到点子上，如当前XMLHttpRequestjQuery使用的版本1是不可以使用JavaScript上传文件XMLHttpRequest..常见的解决方法是让JavaScript创建一个隐藏的然后将表单提交给它，这样就会产生异步发生的印象。这也正是大多数jQuery文件上传插件所做的事情，例如jQuery表单插件 (这里的例子).

假设您的带有HTML表单的JSP是以这样的方式重写的，所以它不会坏的当客户端禁用JS(就像现在的.)时，如下所示：

${uploadError}

然后在jQuery表单插件的帮助下

$(function() {

$('#upload-form').ajaxForm({

success: function(msg) {

alert("File has been uploaded successfully");

},

error: function(msg) {

$("#upload-error").text("Couldn't upload file");

}

});

});

至于servlet方面，这里不需要做任何特殊的事情。只需以与不使用Ajax时完全相同的方式实现它：如何使用JSP/Servlet将文件上传到服务器？

如果X-Requested-With标头等于XMLHttpRequest或者不是，这样您就知道在客户机禁用JS的情况下，返回什么样的响应(到目前为止，禁用JS的主要是较旧的移动浏览器)。if ("XMLHttpRequest".equals(request.getHeader("X-Requested-With"))) {

// Return ajax response (e.g. write JSON or XML).} else {

// Return regular response (e.g. forward to JSP).}

注意相对较新的XMLHttpRequest版本2能够使用新的File和FormDataAPI。另见HTML 5文件上传到Javaservlet和通过XMLHttpRequest将文件作为多部分发送.