使用FormData 进行Ajax请求并上传文件

使用FormData，进行Ajax请求并上传文件这里使用JQuery，但是老版本的JQuery比如1.2是不支持的，最好使用2.0或更新版本： Html代码

<form id= "uploadForm"> <p >指定文件名： <input type="text" name="filename" value= ""/></p > <p >上传文件： <input type="file" name="file"/></ p> <input type="button" value="上传" οnclick="doUpload()" /> </form>

Js代码

function doUpload() { var formData = new FormData($( "#uploadForm" )[0]); $.ajax({ url: 'http://localhost:8080/cfJAX_RS/rest/file/upload' , type: 'POST', data: formData, async: false, cache: false, contentType: false, processData: false, success: function (returndata) { alert(returndata); }, error: function (returndata) { alert(returndata); } }); }