天天看點

element-ui 自定義上傳檔案

<el-upload
	action=""
	:on-change="handleChange"
	:http=request="uploadFile">	
</el-upload>
data() {
	return {
		// 上傳的檔案
		file: {}
	}
}
methods:{
	// 上傳檔案,擷取檔案流
	handleChange(file) {
		this.file = file.raw
	}
	// 自定義上傳
	uploadFile() {
		// 建立表單對象
		let form = new FormData();
		// 後端接受參數 ,可以接受多個參數
		form.append("file",this.file)
		form.append(" "," ")
		this.$axios({
			data:from ,
			url: "後端接口位址",
			method: "method"
		})
	}
}

           

繼續閱讀