el-upload 前端上传音频视频，springboot后台处理音频概述

背景

前端需要上传音频视频文件采用的是el-upload组件，使用的是开源的ruoyi SpringCloud版本，需求是使用formData格式将数据传递到后台，formData里面不仅要包含文件还要包含一部分form信息。所以需要一个button来进行统一的管理

前端

 <!--新增/修改音频信息-->
    <el-dialog :title="title" :visible.sync="audioOpen" width="600px" append-to-body>
      <el-form ref="audioForm" :model="audioForm" :rules="audioRuls" label-width="80px">
        <el-form-item v-if="ifAddFile">
          <el-upload
            drag
            ref="uploadAudio"
            class="upload-demo"
            :data="audioForm"
            :auto-upload="false"
            action=""
            :http-request="handleRequestAudio"
            :accept="'.mp3,.wav,.aac,.flac,audio/*'"
            :before-upload="handleBeforeUploadAudio"
            :on-success="handleOnSuccess"
            :on-error="handleOnError"
            :limit="1"
            >
            <i class="el-icon-upload"></i>