資訊專欄INFORMATION COLUMN
摘要：后臺(tái)管理項(xiàng)目用到的是的方式板塊個(gè)人感覺還是不夠詳盡現(xiàn)在來說一下關(guān)于立即上傳的問題主要用到的是的覆蓋原有上傳方式因?yàn)槲倚枰獋鹘o后臺(tái)所以的值可以寫為空串頁面代碼批量上傳可以看到對(duì)應(yīng)的方法是重點(diǎn)操作失敗說明其中字段就是后
后臺(tái)管理項(xiàng)目,用到的是vue+elementUI的方式,upload板塊,api個(gè)人感覺還是不夠詳盡,現(xiàn)在,來說一下關(guān)于立即上傳的問題.
主要用到的是http-request的覆蓋原有上傳方式,(因?yàn)槲倚枰獋鱰oken給后臺(tái)),所以action的值可以寫為空串.
頁面代碼:
批量上傳
可以看到,http-request對(duì)應(yīng)的方法uploadFile是重點(diǎn):
uploadFile(file){
let formDatas = new FormData();
formDatas.append("usersFile", file.file);
formDatas.append("tokenId",this.$store.state.user.tokenId);
this.$post("/yourUrl",formDatas).then(res =>{
if(res.code == 0){
this.$message({
message: res.msg,
type: "success"
});
}else{
this.$message({
message: res.msg?res.msg:"操作失敗",
type: "error"
});
}
})
},
說明:其中字段usersFile就是后臺(tái)要的key,值就是你選擇的文件 ,這樣就實(shí)現(xiàn)了立即上傳.
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/100368.html
摘要：前言要求圖片上傳支持多圖片上傳多瀏覽器圖片格式判斷多圖片同時(shí)上傳通過防并發(fā)設(shè)置防止可能出現(xiàn)的覆蓋圖片實(shí)時(shí)上傳后支持在新窗口中打開查看使用注意代碼中是頁面中存在循環(huán)很多上傳項(xiàng)，我為了省事直接復(fù)制粘貼的實(shí)現(xiàn)，如果單項(xiàng)上傳就不用考慮了 前言 要求：1、圖片上傳支持多圖片上傳 +多瀏覽器圖片格式判斷；2、多圖片同時(shí)ajax上傳 通過防并發(fā)設(shè)置防止可能出現(xiàn)的覆蓋；3、圖片實(shí)時(shí)上傳后支持 在新窗口...
摘要：今天有一個(gè)坑，同時(shí)要上傳圖片和文件，而且圖片要展示縮略圖，文件要展示列表。我的思路是首先，只上傳附件照片，這個(gè)直接看的官方例子就行，不僅僅上傳附件照片，還同時(shí)上傳其他參數(shù)。然后，再做上傳照片和文件，上傳其他參數(shù)，其實(shí)也就是文件合并。 今天有一個(gè)坑，同時(shí)要上傳圖片和文件，而且圖片要展示縮略圖，文件要展示列表。 我的思路是： 首先，只上傳附件照片，這個(gè)直接看ele的官方例子就行，不僅僅上傳...
摘要：獲取字符串中出現(xiàn)次數(shù)最多的字符。去掉字符串中的所有空格中對(duì)象數(shù)組按對(duì)象屬性排序 VUE 1、vue——解決You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...
摘要：獲取字符串中出現(xiàn)次數(shù)最多的字符。去掉字符串中的所有空格中對(duì)象數(shù)組按對(duì)象屬性排序 VUE 1、vue——解決You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...
閱讀 1226·2021-11-15 18:11
閱讀 3316·2021-09-22 15:33
閱讀 3626·2021-09-01 11:42
閱讀 2806·2021-08-24 10:03
閱讀 3819·2021-07-29 13:50
閱讀 3063·2019-08-30 14:08
閱讀 1457·2019-08-28 17:56
閱讀 2410·2019-08-26 13:57
