VUE+Element時間上傳自定義方法

<el-upload
	 class="upload-demo"
	 action="https://jsonplaceholder.typicode.com/posts/"
	 :file-list="fileList"
	  list-type="picture"
     :http-request="upload"
				>
	 <el-button size="small" type="primary">點擊上傳</el-button>
	 <div slot="tip" class="el-upload__tip">只能上傳jpg/png文件，且不超過500kb</div>
 </el-upload>

methods:{
			upload(item) {
				let _this = this;
				let formData = new FormData();
				formData.append("File", item.file);
				axios.post("host/Upload/UploadImage", formData).then(
						res => {
							 if(res.code ===0){
								this.img = res.data.url
								console.log(res.data.url)
                            }
						},
						res => {
							layer.msg("上傳錯誤，請重新上傳")
						}
				);
			},
}

:http-request="upload" 覆蓋默認的上傳行爲，可以自定義上傳的實現

上傳之前未做圖片驗證，壓縮服務