zoukankan      html  css  js  c++  java
  • SpringBoot

    在前文中我介绍了 Spring Boot 项目如何实现单文件上传,而多文件上传逻辑和单文件上传基本一致,下面通过样例进行演示。

    多文件上传

    1,代码编写

    1)首先在 static 目录中创建一个 upload.html 文件,内容如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
     <meta charset="UTF-8">
     <title>Title</title>
    </head>
    <body>
    <form action="/uploads" method="post" enctype="multipart/form-data">
     <input type="file" name="uploadFiles" value="请选择文件" multiple>
     <input type="submit" value="上传">
    </form>
    </body>
    </html>
    

    2)接着创建文件上传处理接口 FileUploadController.java,里面核心逻辑和单文件上传是一样的,只是多了一个遍历的步骤,内容如下:

    package com.example.demo;
     
    import org.springframework.web.bind.annotation.PostMapping;
    import org.springframework.web.bind.annotation.RestController;
    import org.springframework.web.multipart.MultipartFile;
     
    import javax.servlet.http.HttpServletRequest;
    import java.io.File;
    import java.io.IOException;
    import java.text.SimpleDateFormat;
    import java.util.Date;
    import java.util.UUID;
     
    @RestController
    public class FileUploadController {
     
        SimpleDateFormat sdf = new SimpleDateFormat("yyyy/MM/dd/");
     
        @PostMapping("/uploads")
        public String upload(MultipartFile[] uploadFiles, HttpServletRequest req) {
            String result = "";
     
            // 遍历所有上传的文件
            for (MultipartFile uploadFile : uploadFiles) {
                // 上传的文件将保存在项目运行目录下的 uploadFile 文件夹
                String realPath = req.getSession().getServletContext().getRealPath("/uploadFile/");
                System.out.println(realPath);
     
                // 并且在 uploadFile 文件夹中通过日期对上传的文件归类保存
                // 比如:/uploadFile/2019/06/06/32091e5f-c9e9-4506-9567-43e724f1fe37.png
                String format = sdf.format(new Date());
                File folder = new File(realPath + format);
                if (!folder.isDirectory()) {
                    folder.mkdirs();
                }
     
                // 对上传的文件重命名,避免文件重名
                String oldName = uploadFile.getOriginalFilename();
                String newName = UUID.randomUUID().toString()
                        + oldName.substring(oldName.lastIndexOf("."), oldName.length());
                try {
                    // 文件保存
                    uploadFile.transferTo(new File(folder, newName));
     
                    // 获取上传文件的访问路径
                    String filePath = req.getScheme() + "://" + req.getServerName() + ":"
                            + req.getServerPort() + "/uploadFile/" + format + newName;
                    result += filePath + "<br>";
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
     
            // 返回所有上传文件的访问路径
            return result;
        }
    }
    

    2,运行测试

    1)我们使用浏览器访问 upload.html 页面并选择文件上传,不过这次我们可以同时选择多个文件一起上传:

    2)上传成功后会返回所有上传文件的访问路径:

    3)通过这个访问路径我们就可以看到刚刚上传的文件:

    原文链接:https://www.hangge.com/blog/cache/detail_2463.html

    艾欧尼亚,昂扬不灭,为了更美好的明天而战(#^.^#)
  • 相关阅读:
    BZOJ 4511 洛谷3131 USACO 16.Jan 七子共
    Atcoder Code Festival 2017 qual C 10.22 D题题解
    hdu 5122(2014ACM/ICPC亚洲区北京站) K题 K.Bro Sorting
    HDU 5115 (2014ACM/ICPC亚洲区北京站) D题(Dire Wolf)
    POJ
    hihocoder 1032 最长回文子串(Manacher)
    hihocoder 1015 KMP算法
    Trie树 hihocoder 1014
    POJ 3468 线段树区间修改查询(Java,c++实现)
    atCoder Ants on a Circle(又是蚂蚁问题。。。)
  • 原文地址:https://www.cnblogs.com/lovelywcc/p/14350910.html
Copyright © 2011-2022 走看看