springboot實(shí)現(xiàn)單、多文件上傳過(guò)程(前后端都有)

更新時(shí)間：2025年12月06日 09:23:31 作者：五顏六色的屁

Spring Boot中實(shí)現(xiàn)文件上傳,前端使用`file`類型的`input`表單,后端通過(guò)`MultipartFile`類接收文件,上傳接口接收`MultipartFile`參數(shù),調(diào)用其方法處理文件,單文件上傳直接處理,多文件上傳需遍歷`MultipartFile`數(shù)組

一.前端實(shí)現(xiàn)

h5中，使用file類型的input表單，主要有幾個(gè)值得注意的。

1.表單一定要有name屬性，用來(lái)和后端參數(shù)列表中對(duì)應(yīng)
2.如果是多文件同時(shí)上傳，則這幾個(gè)表單的name屬性要一樣
3.name屬性建議別和java實(shí)體類中的屬性名相同

例如：

二.后端實(shí)現(xiàn)

controller中的實(shí)現(xiàn)

1.編寫一個(gè)接口

參數(shù)列表如圖：

2.這時(shí)候就是對(duì)MultipartFile類中方法的調(diào)用

其他方法，自行jdk找，我這簡(jiǎn)單介紹幾個(gè)常用的，話不多說(shuō)，直接上代碼：

  @RequestMapping("/newUserSave")
    public void newUserSave(HttpServletRequest req,
                              @RequestParam(value = "a_idPicPath") MultipartFile[] multipartFiles,
                              SmbmsUser smbmsUser){
        logger.info("UserController method newUserSave params:"+smbmsUser);
        //這個(gè)smbmsUser對(duì)象，是前端頁(yè)面的數(shù)據(jù)封裝進(jìn)來(lái)的smbmsUser對(duì)象
        try {
            //多文件上傳改為數(shù)組
            for (int i = 0; i <multipartFiles.length; i++) {
            	//判斷文件是否為空
                if(!multipartFiles[i].isEmpty()){
                    //獲取原文件名
                    String oldName = multipartFiles[i].getOriginalFilename();
                    //獲取擴(kuò)展名
                    String extendName = "."+FilenameUtils.getExtension(oldName);
                    int fileSize = 5000000;  //5M
                    if(multipartFiles[i].getSize()>fileSize){
                        req.setAttribute("uploadError","上傳文件太大");
                        return "useradd";
                    }else if(!".jpg".equals(extendName)){
                        req.setAttribute("uploadError","上傳文件格式不正確");
                        return "useradd";
                    }
                    //創(chuàng)建本地文件夾
                    String filePath = "d:"+ File.separator+"1_IDEA"
                            +File.separator+ UUID.randomUUID().toString()+extendName;
                    //創(chuàng)建文件
                    File file = new File(filePath);
                    if(!file.exists()){
                        file.mkdirs();
                    }
                    //將文件以流的形式上傳到本地
                    multipartFiles[i].transferTo(file);
                    if(i==0){
                    	//i對(duì)應(yīng)前端文件的順序，賦值給相應(yīng)的屬性即可
                        smbmsUser.setPicPath(filePath);
                    }else{
                        smbmsUser.setWorkPath(filePath);
                    }

                }
            }

        } catch (IOException e) {
            logger.error("UserController method newUserSave error params:"+smbmsUser,e);
            e.printStackTrace();
        }
    }