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

Posted 2020-09-19 糖I果

• html：　　

<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：

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

          }  

     });  

}