FormData解決ajax上傳檔案的問題及ajax跨域
阿新 • • 發佈：2019-02-20
通過FormData物件可以組裝一組用XMLHttpRequest傳送請求的鍵/值對。它可以更靈活方便的傳送表單資料，因為可以獨立於表單使用。如果你把表單的編碼型別設定為multipart / form-data，則通過FormData傳輸的資料格式和表單通過submit（）方法傳輸的資料格式相同* Html程式碼部分*
<div id =“uploadForm”>
<input id =“file”type =“file”name = “musicname”/>
<button id =“upload”type =“button”> upload </ button>
</ div>
* javaScript *
“` （“#upload” ）.click（function（）{ var formData = new FormData（）; formData.append（'file'， .ajax（{ url：’ http://127.0.0.1:8080/xxxx 型別：’POST’，
cache：false， data：formData， processData：false，//不處理資料 contentType：false //不設定內容型別 }）。done（function（res）{ }）。fail（function（res）{}）; }）; }）; ```FormData物件的欄位型別可以是Blob，File或者字串：
response.setHeader（“Access-Control-Allow-Origin”，“*”）;
response.setHeader（“Access-Control-Allow-Methods”，“POST，GET”）;