通过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



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值