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

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

  <form enctype="multipart/form-data" method="post" >

---

这里使用JQuery，但是老版本的JQuery比如1.2是不支持的，最好使用2.0或更新版本：

Html代码  

1. <form id= "uploadForm">  
2.       <p >指定文件名： <input type="text" name="filename" value= ""/></p >  
3.       <p >上传文件： <input type="file" name="file"/></ p>  
4.       <input type="button" value="上传" onclick="doUpload()" />  
5. </form>  

 

Js代码  

1. function doUpload() {  
2.      var formData = new FormData($( "#uploadForm" )[0]);  
3.      $.ajax({  
4.           url: 'http://localhost:8080/cfJAX_RS/rest/file/upload' ,  
5.           type: 'POST',  
6.           data: formData,  
7.           async: false,  
8.           cache: false,  
9.           contentType: false,  
10.           processData: false,  
11.           success: function (returndata) {  
12.               alert(returndata);  
13.           },  
14.           error: function (returndata) {  
15.               alert(returndata);  
16.           }  
17.      });  
18. }