首页 > 代码库 > 通过Ajax方式上传文件(图片),使用FormData进行Ajax请求

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

  • HTML:  

<form id= "uploadForm">  

    <>指定文件名: <input type="text" name="filename" value=http://www.mamicode.com/ ""/></>  

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

    <input type="button" value=http://www.mamicode.com/"上传" 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请求