码迷,mamicode.com
首页 > Web开发 > 详细

通过Ajax方式上传文件(图片),使用FormData进行Ajax请求

时间:2017-05-24 14:31:49      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:proc   err   turn   上传文件   指定   func   url   tty   val   

  • HTML:  

<form id= "uploadForm">  

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

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

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

</form>  

  • JS:

function doUpload() {  

var formData = new FormData($( "#uploadForm" )[0]);  

     $.ajax({  

          url: ‘xxx‘ ,                  --------------这里是请求的接口

          type: ‘POST‘,              

          data: formData,  

          async: false,  

          cache: false,  

          contentType: false,  

          processData: false,  

          success: function (returndata) {  

              alert(returndata);  

          },  

          error: function (returndata) {  

              alert(returndata);  

          }  

     });  

通过Ajax方式上传文件(图片),使用FormData进行Ajax请求

标签:proc   err   turn   上传文件   指定   func   url   tty   val   

原文地址:http://www.cnblogs.com/tangiguo/p/6898445.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!