Java实现图片上传功能（前后端：vue+springBoot）

Java实现图片上传功能（前后端：vue+springBoot）

• 前言：
• 前端：
• • 组件引入
  • 基础文件上传
  • 自定义上传方法
• 后端：
• • 需要引入的jar包：
  • 基础文件上传
  • • Controller层：
    • server层：
  • 自定义的多参数接口

前言：

我们在设计自己的网站的时候，一定会遇到上传图片的功能，比如：用户头像，商品图片。
这篇文章将带着大家设计一个可以使用的图片上传功能，请大家一步一步来，让我们在码路上越走越远。

前端：

组件引入

前端我们使用element-ui的组件。我这里以html加js的方式
1：引入vue.js，axios.js，element-ui。

<script src="../static/js/util/vue.min.js"></script>
    <script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>

基础文件上传

2：element-ui中有多个例子，我们使用其中一个：

<el-upload
  class="avatar-uploader"
  acti