通過Ajax方式提交form表單上傳文件,使用FormData進行Ajax請求

html form表單:

  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使用ajax:

  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. }  

原文路徑:http://yunzhu.iteye.com/blog/2177923



發佈了51 篇原創文章 · 獲贊 80 · 訪問量 11萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章