Vue,Element OSS多檔案上傳

2021-09-19 13:22:09 字數 1031 閱讀 2994

原因:我們公司需要將多個檔案一次上傳到oss伺服器上面,可是oss只支援單個檔案的上傳,所以我們只能將多個檔案單次上傳

我們需要將element的上傳控制項重新寫

選取檔案

外發到伺服器

其中'upload'是為了後面的自定義上傳的時候能找到這個dom節點

'handlechange'和'handleremove'是為了判斷當前這個filelist是否存在檔案

'handlesubmitupload'就是最終提交的方法

我們需要將所有的檔案遍歷一遍,然後同promise函式來提交

filelist.map(el => 

}//傳檔案成功後需要的引數

let fileform =

let name = this._splitextension(fileform.filename)

fileform.sourcekey = res.data.dir+res.data.fileconvertid+'.'+name

this.checkuser.map(el => );

fileform.touser = fileform.touser.substring(0, fileform.touser.length - 1);

//新增檔案資訊

axios.post(res.data.oshost, formdata, config).then(success => ).catch(error => );

}});})}

})})

該函式中的handlegetosspara是為了獲得oss後台資訊,若獲得了後台資訊,則將獲得該資訊的檔案傳送到oss上,乙個檔案就請求一次,多個檔案就請求多次.

/**獲取oss引數 */

handlegetosspara(companyid) ).then(res => else

})})

},

大體就是這樣子就可以實現多檔案上傳了

以上。

c 多函式多文

問大神,大神說每個cpp檔案都要寫乙個寫乙個同名.h檔案,這個應該是針對複雜情況,簡單的情況就是寫乙個.h檔案把全域性變數和會用到的函式寫進去,然後需要呼叫的地方寫 include h 就行。注意 main函式中的變數宣告還要再寫一次的 float a,b,c 這是沒用.h的情況,用的話其實也就是把...

layui多檔案上傳講解 layui d多檔案上傳

借閱 前端 選擇多檔案 大小狀態操作 刪除開始上傳 js layui.use upload function accept file multiple true auto false bindaction testlistaction choose function obj var files th...

Spring Boot 菜鳥教程 28 多配置檔案

src scrolling 0 width 110 height 20 開發過程中可能會有如下需求 開發和部署的配置資訊可能不同,常規的方式就是在配置檔案裡面先寫好開發配置,在部署的時候再去修改這些配置,這樣可能會出現很多問題,比如使用者名稱 密碼忘記了修改或者改錯了等問題。author je哥 e...