資訊專欄INFORMATION COLUMN
摘要：后臺管理項目用到的是的方式板塊個人感覺還是不夠詳盡現(xiàn)在來說一下關(guān)于立即上傳的問題主要用到的是的覆蓋原有上傳方式因為我需要傳給后臺所以的值可以寫為空串頁面代碼批量上傳可以看到對應(yīng)的方法是重點操作失敗說明其中字段就是后
后臺管理項目,用到的是vue+elementUI的方式,upload板塊,api個人感覺還是不夠詳盡,現(xiàn)在,來說一下關(guān)于立即上傳的問題.
主要用到的是http-request的覆蓋原有上傳方式,(因為我需要傳token給后臺),所以action的值可以寫為空串.
頁面代碼:
批量上傳
可以看到,http-request對應(yīng)的方法uploadFile是重點:
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就是后臺要的key,值就是你選擇的文件 ,這樣就實現(xiàn)了立即上傳.
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/100368.html
摘要：前言要求圖片上傳支持多圖片上傳多瀏覽器圖片格式判斷多圖片同時上傳通過防并發(fā)設(shè)置防止可能出現(xiàn)的覆蓋圖片實時上傳后支持在新窗口中打開查看使用注意代碼中是頁面中存在循環(huán)很多上傳項，我為了省事直接復(fù)制粘貼的實現(xiàn)，如果單項上傳就不用考慮了 前言 要求：1、圖片上傳支持多圖片上傳 +多瀏覽器圖片格式判斷；2、多圖片同時ajax上傳 通過防并發(fā)設(shè)置防止可能出現(xiàn)的覆蓋；3、圖片實時上傳后支持 在新窗口...
摘要：今天有一個坑，同時要上傳圖片和文件，而且圖片要展示縮略圖，文件要展示列表。我的思路是首先，只上傳附件照片，這個直接看的官方例子就行，不僅僅上傳附件照片，還同時上傳其他參數(shù)。然后，再做上傳照片和文件，上傳其他參數(shù)，其實也就是文件合并。 今天有一個坑，同時要上傳圖片和文件，而且圖片要展示縮略圖，文件要展示列表。 我的思路是： 首先，只上傳附件照片，這個直接看ele的官方例子就行，不僅僅上傳...
摘要：獲取字符串中出現(xiàn)次數(shù)最多的字符。去掉字符串中的所有空格中對象數(shù)組按對象屬性排序 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ù)最多的字符。去掉字符串中的所有空格中對象數(shù)組按對象屬性排序 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...
閱讀 1057·2021-11-15 18:11
閱讀 3177·2021-09-22 15:33
閱讀 3473·2021-09-01 11:42
閱讀 2671·2021-08-24 10:03
閱讀 3632·2021-07-29 13:50
閱讀 2939·2019-08-30 14:08
閱讀 1286·2019-08-28 17:56
閱讀 2268·2019-08-26 13:57
