FormData解決ajax上傳文件的問題及ajax跨域

經過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

var formData = new FormData();  
	formData.append('file',document.getElementById("fileupload").files[0]);  
	formData.append('test','test23333');
	$.ajax({
		url: "http://192.168.199.100:8080/api/file/upload",
		type: "POST",
		data: formData,
		contentType: false,
		processData: false,
		dataType: "json",
		success: function(result){
			if (result){

			}
		}
	});

在服務器端（提供接口）設置

response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Access-Control-Allow-Methods", "POST,GET");

這樣就能夠簡單解決跨域問題