您的位置:首页 > Web前端 > HTML

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

2017-03-19 10:59 1366 查看
html form表单:

<form id= "uploadForm">  

      <p >指定文件名: <input type="text" name="filename" value= ""/></p >  

      <p >上传文件: <input type="file" name="file"/></ p>  

      <input type="button" value="上传" onclick="doUpload()" />  

</form>  

js使用ajax:

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);  

          }  

     });  

}  

原文路径:http://yunzhu.iteye.com/blog/2177923
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ajax 表单 html