springboot+element-ui實(shí)現(xiàn)多文件一次上傳功能
更新時間：2023年06月30日 09:59:41 作者：--勇
這篇文章主要介紹了springboot+element-ui多文件一次上傳功能，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
前端：
<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>點(diǎn)擊上傳</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)文章
文章概述Spring Security OAuth2與JWT模塊的版本兼容性及遷移建議,強(qiáng)調(diào)2.5.x支持JDK8但已棄用,推薦新項(xiàng)目使用SpringAuthorizationServer（Spring Boot3.x+）,并指出依賴沖突、配置示例及密鑰安全注意事項(xiàng),感興趣的朋友一起看看吧2025-07-07
Java實(shí)現(xiàn)單例設(shè)計模式方法解析
這篇文章主要介紹了Java實(shí)現(xiàn)單例設(shè)計模式方法解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-04-04
這篇文章主要介紹了Java同步容器和并發(fā)容器詳解,容器是Java基礎(chǔ)類庫中使用頻率最高的一部分，Java集合包中提供了大量的容器類來幫組我們簡化開發(fā),下面小編和大家來一起學(xué)習(xí)下吧2019-06-06
這篇文章主要介紹了Java實(shí)體類之間的相互轉(zhuǎn)換方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-08-08
你以為打日志是小事,也許正是這種輕視,讓你在凌晨三點(diǎn)被生產(chǎn)事故電話吵醒,一個優(yōu)秀的工程師和普通碼農(nóng)的區(qū)別,往往體現(xiàn)在那些看似微不足道的細(xì)節(jié)上,下面我們就來看看如何打印高質(zhì)量日志吧2025-06-06
MultipartResolver實(shí)現(xiàn)文件上傳功能
這篇文章主要為大家詳細(xì)介紹了MultipartResolver實(shí)現(xiàn)文件上傳功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-06-06
這篇文章主要給大家介紹了關(guān)于Java?Lambda表達(dá)式語法及用法的相關(guān)資料,lambda表達(dá)式是JAVA8中提供的一種新的特性,它支持Java也能進(jìn)行簡單的"函數(shù)式編程",文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10
這篇文章主要為大家詳細(xì)介紹了Java+opencv3.2.0之直方圖均衡的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-02-02
這篇文章主要為大家詳細(xì)介紹了java編寫全年考勤日歷，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要介紹了Java多線程之Park和Unpark原理,需文中有非常詳細(xì)的代碼示例,對正在學(xué)習(xí)java的小伙伴們有非常好的幫助,要的朋友可以參考下2021-04-04