通过Ajax方式提交form表单上传文件,使用FormData进行Ajax请求

来源:互联网 发布:网络拓扑发现工具 编辑:程序博客网 时间:2024/06/05 18:04

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



1 0