本文链接：https://blog.csdn.net/qq_41648113/article/details/106472162

文件上传功能（upload）+文件删除功能+配置spring cloud文件上传路径

问题描述

最近项目中遇到了文件上传功能，首次接触vue element，纪念一下开发的过程和踩得小坑
话不多说，代码已备好，转载请注明出处。

vue前端控件代码

div代码文件上传+删除


<div style="width: 15%;height:10%;marging-top:-15px">
      <el-col span="3">
         <el-button size='small' type="primary" @click="file">文件上传<i class="el-icon-upload el-icon--right"></i></el-button>
       </el-col>
       <el-dialog
         title="附件管理"
         :visible.sync="fileupload"
         width="30%"
         :before-close="handleClose"
       >
            <span>
                <el-upload
                  class="upload-demo"
                  drag
                  multiple
                  :on-remove="handleRemove"
                  :before-remove="beforeRemove"
                  :http-request="uploadSectionFile"
                >
                  <i class="el-icon-upload"></i>
                  <div class="el-upload__text">
                    将文件拖到此处，或
                    <em>点击上传</em>
                  </div>
                </el-upload>
            </span>
            <span slot="footer" class="dialog-footer">
                <el-button @click="handleClose">确定</el-button>
            </span>
       </