組件
<van-uploader v-model="uploader" :max-count="1" ref="imgInstance" :after-read="onRead" :before-delete="onDelete />
引數設定
data () {
return {
fileData: null,
uploader: [],
}
},onRead方法:
onRead (file) {
this.fileData = file.file;
return true;
},onDelete方法(洗掉選中的檔案)
onDelete(file, info){
//this.fileData.splice(info.index, 1);//根據圖片索引進行洗掉
//因為我是一張圖片,只需要把它置為空
this.fileData=null;
return true;
},資料封裝上傳
onHandle(){
let formData = new FormData()
//檔案
formData.append('file', this.fileData);
//表單引數
formData.append(key,value);
},
this.$http({
method: 'post',
url: XXXXXXXXXXXX
headers:{ 'Content-Type': 'multipart/form-data'},
transformRequest:[],
data: formData
}).then(res => {
}).catch(()=>{
});
后端介面
@PostMapping("/appInviteOne")
public Result appInviteOne(@RequestParam(value = "file") MultipartFile file, Map<String,String> params){
return new Result();
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/225877.html
標籤：其他
上一篇：Android知識總結