通過Ajax方式上傳檔案(圖片)，使用FormData進行Ajax請求

標籤：proc   err   turn   上傳檔案   指定   func   url   tty   val   

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

          }  

     });  

} 

通過Ajax方式上傳檔案(圖片)，使用FormData進行Ajax請求