FromData---ajax提交數據

通常想要不刷新頁面提交數據時，能夠使用ajax提交。若是數據量不大能夠本身寫json數據用ajax提交到後臺服務，可是數據量多且須要動態添加數據時，本身寫json格式數據就有點麻煩了，這時候就須要FormData來替咱們完成數據的裝載了。

Html上傳視頻文件（vue）

<input type="file" class="upload uploadfile" v-on:change="fileChange" accept="video/*" name="upload" >

一、FormData動態添加數據

var fileObj = $(this.$el).find(".uploadfile")[0].files[0]; // js 獲取文件對象
var formData = new FormData(); // FormData 對象
formData.append("file", fileObj); // 文件對象
//append()以鍵值對的形式往FormData塞數據

二、使用FormData和ajax配合提交表單能夠實現不刷新頁面，而且能夠等待服務器返回結果作一些響應

fileChange(e) {
	if (e.target.value) {
		var url = "http://vip.crmclick.com/API/FileData.ashx?action=video"; // 接收上傳文件的後臺地址
		 $.ajax({
			url: url,
			type: "POST",
			cache: false,
			data: formData,
			processData: false,// 默認值: true 若是要發送 DOM 樹信息或其它不但願轉換的信息，請設置爲 false
			contentType: false,// 告訴jQuery不要去設置Content-Type請求頭
			success:(res)=> {
				this.src = res.url;
				this.$emit("save", this.src);
			},
			error:(data)=> {
	        }
	    });
	 }
}