SpringBoot 使用表单或者vue实现文件上传

文章目录

• • 一、创建项目
  • 二、控制层代码
  • 三、表单实现文件上传
  • • 实现单文件上传
    • 实现多文件上传
    • 效果截图
  • 四、使用vue + axios 实现文件上传
  • • 引入js文件
    • 实现单文件上传
    • 实现多文件上传
    • 效果图
  • 最后附带源码地址

本文的前端是HTML表单，另一种vue + axios，后端使用SpringBoot 2.x

一、创建项目

新建SpringBoot项目，同时导入依赖
项目结构

两个方法用的同一个控制层接口就直接先上控制层代码

二、控制层代码

package com.king.other.controller;

import io.swagger.annotations.*;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.multipart.MultipartFile;

import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;


@RestController
@RequestMapping("/file")
@Api(value = "文件上传接口", tags =