springboot+element-ui實現(xiàn)多文件一次上傳功能
更新時間:2023年06月30日 09:59:41 作者:--勇
這篇文章主要介紹了springboot+element-ui多文件一次上傳功能,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
前端:
<el-upload drag :multiple="true" :limit="10" :auto-upload="false" :file-list="fileList" ref="fileUpload" > <i class="el-icon-upload"></i> <div class="el-upload__text"> 將文件拖到此處,或<em>點擊上傳</em> </div> <div class="el-upload__tip" slot="tip"> 只能上傳{{ fileExt }}文件,且不超過{{ getFileSize() }} </div> </el-upload>
定義上傳方法:
submitFile() { const formData = new FormData(); formData.append("bizType", this.bizType); /** * 所有選擇的文件,放到FormData對象中上傳 * fileName[] 屬性名根據(jù)自身情況定義 */ this.fileList.map(file => { formData.append("file", file.raw); }); this.$http.post("/mom/sopFile/upload", formData) .then(res => { if (res && res.isSuccess) { console.log("上傳成功"); } else { console.log(res.msg); } }); },
Java上傳:
@PostMapping(value = "/upload", headers = "content-type=multipart/form-data") @SysLog("上傳附件") @ResponseBody public R<Boolean> upload(@RequestParam(value = "file") List<MultipartFile> files, @Validated SopFileUploadVO fileUploadVO) { // 忽略路徑字段,只處理文件類型 if (files.size() < 1) { return R.fail("請上傳有效文件"); } for (MultipartFile file : files) { //在這里編寫上傳代碼 } return R.success(true); }
到此這篇關(guān)于springboot+element-ui多文件一次上傳的文章就介紹到這了,更多相關(guān)springboot element-ui多文件上傳內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
@JsonFormat處理LocalDateTime失效的問題
這篇文章主要介紹了關(guān)于@JsonFormat處理LocalDateTime失效的問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-08-08JAVA WSIMPORT生成WEBSERVICE客戶端401認證過程圖解
這篇文章主要介紹了JAVA WSIMPORT生成WEBSERVICE客戶端401認證過程圖解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-10-10MyBatis 參數(shù)類型為String時常見問題及解決方法
這篇文章主要介紹了MyBatis 參數(shù)類型為String時常見問題及解決方法,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-03-03Java 實戰(zhàn)項目之在線點餐系統(tǒng)的實現(xiàn)流程
讀萬卷書不如行萬里路,只學書上的理論是遠遠不夠的,只有在實戰(zhàn)中才能獲得能力的提升,本篇文章手把手帶你用java+SSM+jsp+mysql+maven實現(xiàn)在線點餐系統(tǒng),大家可以在過程中查缺補漏,提升水平2021-11-11springboot+mybaties項目中掃描不到@mapper注解的解決方法
本文主要介紹了springboot+mybaties項目中掃描不到@mapper注解的解決方法,該報錯表明掃描不到Mapper層,具有一定的參考價值,感興趣的可以了解一下2024-05-05