欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

springboot+element-ui實(shí)現(xiàn)多文件一次上傳功能

 更新時(shí)間:2023年06月30日 09:59:41   作者:--勇  
這篇文章主要介紹了springboot+element-ui多文件一次上傳功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

前端:

                <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 }}文件,且不超過(guò){{ getFileSize() }}
                    </div>
                </el-upload>

定義上傳方法:

        submitFile() {
            const formData = new FormData();
            formData.append("bizType", this.bizType);
            /**
             * 所有選擇的文件,放到FormData對(duì)象中上傳
             * 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) {
        // 忽略路徑字段,只處理文件類(lèi)型
        if (files.size() < 1) {
            return R.fail("請(qǐng)上傳有效文件");
        }
        for (MultipartFile file : files) {
            //在這里編寫(xiě)上傳代碼
        }
        return R.success(true);
    }

到此這篇關(guān)于springboot+element-ui多文件一次上傳的文章就介紹到這了,更多相關(guān)springboot element-ui多文件上傳內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • HashMap和HashTable底層原理以及常見(jiàn)面試題

    HashMap和HashTable底層原理以及常見(jiàn)面試題

    今天小編就為大家分享一篇關(guān)于HashMap和HashTable底層原理以及常見(jiàn)面試題,小編覺(jué)得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來(lái)看看吧
    2019-01-01
  • Servlet實(shí)現(xiàn)點(diǎn)擊計(jì)數(shù)器的方法

    Servlet實(shí)現(xiàn)點(diǎn)擊計(jì)數(shù)器的方法

    這篇文章主要介紹了Servlet實(shí)現(xiàn)點(diǎn)擊計(jì)數(shù)器的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-08-08
  • JUnit5常用注解的使用

    JUnit5常用注解的使用

    注解是JUnit的標(biāo)志性技術(shù),本文就來(lái)對(duì)它的20個(gè)注解,以及元注解和組合注解進(jìn)行學(xué)習(xí),感興趣的可以了解一下
    2021-07-07
  • @JsonFormat處理LocalDateTime失效的問(wèn)題

    @JsonFormat處理LocalDateTime失效的問(wèn)題

    這篇文章主要介紹了關(guān)于@JsonFormat處理LocalDateTime失效的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-08-08
  • JAVA WSIMPORT生成WEBSERVICE客戶(hù)端401認(rèn)證過(guò)程圖解

    JAVA WSIMPORT生成WEBSERVICE客戶(hù)端401認(rèn)證過(guò)程圖解

    這篇文章主要介紹了JAVA WSIMPORT生成WEBSERVICE客戶(hù)端401認(rèn)證過(guò)程圖解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-10-10
  • MyBatis 參數(shù)類(lèi)型為String時(shí)常見(jiàn)問(wèn)題及解決方法

    MyBatis 參數(shù)類(lèi)型為String時(shí)常見(jiàn)問(wèn)題及解決方法

    這篇文章主要介紹了MyBatis 參數(shù)類(lèi)型為String時(shí)常見(jiàn)問(wèn)題及解決方法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2017-03-03
  • 如何在springboot項(xiàng)目中自定義404頁(yè)面

    如何在springboot項(xiàng)目中自定義404頁(yè)面

    今天點(diǎn)擊菜單的時(shí)候不小心點(diǎn)開(kāi)了一個(gè)不存在的頁(yè)面,然后看到瀏覽器給的一個(gè)默認(rèn)的404頁(yè)面,這篇文章主要介紹了如何在springboot項(xiàng)目中自定義404頁(yè)面,需要的朋友可以參考下
    2024-05-05
  • Java 實(shí)戰(zhàn)項(xiàng)目之在線點(diǎn)餐系統(tǒng)的實(shí)現(xiàn)流程

    Java 實(shí)戰(zhàn)項(xiàng)目之在線點(diǎn)餐系統(tǒng)的實(shí)現(xiàn)流程

    讀萬(wàn)卷書(shū)不如行萬(wàn)里路,只學(xué)書(shū)上的理論是遠(yuǎn)遠(yuǎn)不夠的,只有在實(shí)戰(zhàn)中才能獲得能力的提升,本篇文章手把手帶你用java+SSM+jsp+mysql+maven實(shí)現(xiàn)在線點(diǎn)餐系統(tǒng),大家可以在過(guò)程中查缺補(bǔ)漏,提升水平
    2021-11-11
  • springboot+mybaties項(xiàng)目中掃描不到@mapper注解的解決方法

    springboot+mybaties項(xiàng)目中掃描不到@mapper注解的解決方法

    本文主要介紹了springboot+mybaties項(xiàng)目中掃描不到@mapper注解的解決方法,該報(bào)錯(cuò)表明掃描不到Mapper層,具有一定的參考價(jià)值,感興趣的可以了解一下
    2024-05-05
  • SpringBoot整合MyBatis的代碼詳解

    SpringBoot整合MyBatis的代碼詳解

    這篇文章主要介紹了SpringBoot整合MyBatis筆記記錄,大家需要注意在整合mybatis之前我們需要相對(duì)應(yīng)的導(dǎo)入相關(guān)依賴(lài),首先需要在java的目錄和resources下創(chuàng)建mapper文件夾,對(duì)SpringBoot整合MyBatis的詳細(xì)過(guò)程感興趣的朋友一起看看吧
    2022-05-05

最新評(píng)論