vue-element上传视频并预览、上传多个视频+laravel8后台（larke-admin）

上传单个视频

1.vue中

注意：BASE_API就是后台api的地址，token自己设置，也可以删除，看后台需要

<el-upload class="avatar-uploader"
        :action="BASE_API"
        :headers="{
          'Authorization': token
        }"
        v-bind:on-progress="uploadVideoProcess"
        v-bind:on-success="handleVideoSuccess"
        v-bind:before-upload="beforeUploadVideo"
        v-bind:show-file-list="false">
        <video v-if="videoForm.showVideoPath !='' && !videoFlag"
                v-bind:src="videoForm.showVideoPath"
                class="avatar video-avatar"
                controls="controls" style="width:300px">
            您的浏览器不支持视频播放
        </video>
        <!-- <i v-else-if="videoForm.showVideoPath =='' && !videoFlag"
            class="el-icon-plus avatar-uploader-icon"></i> -->
            <el-button size="small" icon="el-icon-upload" type="primary" v-else-if="videoForm.showVideoPath =='' && !videoFlag">上传</el-button>
        <el-progress v-if="videoFlag == true"
            type="circle"
            v-bind:percentage="videoUploadPercent"
            style="margin-top:7px;">
        </el-progress>
      </el-upload>

//data
videoFlag: false,
//是否显示进度条
videoUploadPercent: "",
//进度条的进度，
isShowUploadVideo: false,
//显示上传按钮
videoForm: {
   showVideoPath: ''
}

//method函数
//上传前回调
    beforeUploadVideo(file) {
      var fileSize = file.size / 1024 / 1024 < 50;
      if (['video/mp4', 'video/ogg', 'video/flv', 'video/avi', 'video/wmv', 'video/rmvb', 'video/mov'].indexOf(file.type) == -1) {
          console.log("请上传正确的视频格式");
           this.$message.error('请上传正确的视频格式');
          return false;
      }
      if (!fileSize) {
          console.log("视频大小不能超过50MB");
          this.$message.error('视频大小不能超过50MB');
          return false;
      }
      this.isShowUploadVideo = false;
    },
    //进度条
    uploadVideoProcess(event, file, fileList) {
        this