先上效果图

后端

// 负责文件上传
@RestController
public class FileController {
    @RequestMapping("/fileUpload")
    public String FileUpload(@RequestParam("file") MultipartFile file, HttpServletRequest request) throws IOException {
        // 获取文件名
        String filename = file.getOriginalFilename();
        if(filename == null||filename == ""){
            return "error";
        }
        String path = "upload";  // 上传文件的保存路径
        InputStream is = file.getInputStream(); // 获取文件的输入流
        File file1 = new File(path, filename);  // 根据路径和文件名创建文件
        FileOutputStream fos = new FileOutputStream(file1); // 获取文件的输出流
        int len = 0;
        byte[] buffer = new byte[1024];
        while ((len=is.read(buffer))!=-1){
            fos.write(buffer,0,len);
            fos.flush();
        }
        fos.close(); // 关闭输出流
        is.close();  // 关闭输入流
        if(file1.exists()){
            return "ok";
        }else {
            return "error";
        }
    }
    @RequestMapping("/delete")   // 根据文件名删除文件
    public String delete(String fileName){
        String path = "upload";
        File file = new File(path, fileName);
        if(file.exists()) {
            file.delete();
        }
        return "ok";
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

修改上传文件最大值

spring:
  servlet:
    multipart:
      max-request-size: 100MB
      max-file-size: 100MB
1
2
3
4
5

前端

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99

实现效果