文件上传与下载

文件上传

文件上传分为前端发送文件与后端接收文件并保存
注意:不管使用何种方式提交,后端想要数据和文件同时接收都不能使用 @RequestBody 注解,否则后端接收时会出错

表单提交

前端代码

    <!--表单提交,只传文件-->
    <form action="http://localhost:8080/shop/file/form" method="post" enctype="multipart/form-data">
        选择图片:
        <input type="file" name="file"><br>
        <input type="submit" value="图片上传">
    </form>

    <!--表单提交,传文件同时传数据-->
    <form action="http://localhost:8080/shop/file/form/obj" method="post" enctype="multipart/form-data">
        选择图片:
        <input type="file" name="file"><br>
        名字
        <input type="text" name="name"><br>
        id
        <input type="text" name="id"><br>
        <input type="submit" value="图片+对象上传">
    </form>

后端代码

    //form图片
    @PostMapping("/form")
    public String from(@RequestParam("file")MultipartFile file){
        String filename = file.getOriginalFilename();
        System.out.println(filename);
        return "上传成功";
    }

    //图片加对象
    @PostMapping("/form/obj")
    public String fromObj(@RequestParam("file")MultipartFile file, Brand brand){
        String filename = file.getOriginalFilename();
        System.out.println(filename);
        System.out.println(brand);
        return "上传成功";
    }

ajax提交

前端代码

    <form id="form">
        ajax图片:
        <input type="file" name="file">
    </form>

    $("#ajax").on("click",function () {
         //注意创建 FormData 对象必须在 ajax 方法体中,否则文件内容不能上传
         var formData = new FormData($("#form")[0]);
         //添加数据
         formData.append("name","ajax上传图片");
         $.ajax({
             type: "post",
             url: "http://localhost:8080/shop/file/ajax",
             data: formData,
             processData: false,
             contentType: false,
             success: function (data) {
                 alert("成功")
             },
             error: function (data) {
                 alert('失败')
             }
         })
     });

后端代码

    @PostMapping("/ajax")
    public String ajax(@RequestParam("file")MultipartFile file,
                       @RequestParam("name")String name){
        String filename = file.getOriginalFilename();
        System.out.println(filename);
        System.out.println(name);
        return "上传成功";
    }

上传多个文件

上传多个文件,前端 file 控件徐艳添加属性,后台以文件数组接收

<input type="file" name="file" multiple="multiple">

public String ajax(@RequestParam("file")MultipartFile[] file,
                       @RequestParam("name")String name)

后端处理接收到的文件

文件数据校验

    @PostMapping("/ajax")
    public String ajax(@RequestParam("file")MultipartFile file) throws IOException {

        //判断是否有文件
        boolean empty = file.isEmpty();
        if (empty){
            return "文件不能为空";
        }
        //文件全名
        String filename = file.getOriginalFilename();
        if (!filename.endWith(".png")){
            return "只支持png文件上传";
        }
        //文件大小
        long size = file.getSize();
        if (size > 1024 * 1024){
            return "文件不能超过1M";
        }
        //文件上传
        String path = upload(file);

        return "上传成功";
    }

文件上传

    private String upload(MultipartFile file) throws IOException {

        //web项目获取类路径,注意resources下的空文件夹不会编译到类路劲下
        String classPath = Thread.currentThread().getContextClassLoader().getResource("").getPath()+ "static";

        //文件名
        String filename = file.getOriginalFilename();
        File pathFile = new File(classPath, filename);
        //上传文件
        file.transferTo(pathFile);

        //文件访问路径
        String path = classPath + "/" + filename;
        return path;
    }

spring boot 设置单文件大小

spring:
    servlet:
        multipart:
           enabled: true
           max-file-size: 1024MB
           max-request-size: 1024MB