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

最新推荐文章于 2024-09-01 20:20:48 发布

web13618529112

最新推荐文章于 2024-09-01 20:20:48 发布

阅读量243

点赞数

分类专栏：前端 html 面试文章标签： vue.js spring boot 前端

本文链接：https://blog.csdn.net/web13618529112/article/details/123080266

版权

本文介绍如何使用SpringBoot后端配合Vue.js前端实现文件上传功能。包括通过HTML表单进行单文件和多文件上传，以及利用axios在Vue中实现文件上传。详细步骤涵盖项目创建、控制层代码编写、前端页面设计和效果展示。

摘要由CSDN通过智能技术生成

文章目录

本文的前端是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 = "测试接口2")
public