el-upload如何上传视频

el-upload 是一个基于 Element UI 的上传组件，可以用于上传多种类型的文件，包括视频。你可以按照以下步骤来上传视频：

1. 安装 Element UI：

npm install element-ui --save

2. 在需要使用 el-upload 的组件中引入 Element UI：

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

3. 在组件中使用 el-upload 组件，并设置 accept 属性为 video/*，表示只允许上传视频文件：

<el-upload
  class="upload-demo"
  action="/upload"
  :headers="{'Authorization': 'Bearer ' + token}"
  :data="{userId: userId}"
  :accept="'video/*'"
  :on-success="handleSuccess"
  :on-error="handleError"
  :before-upload="beforeUpload">
  <el-button size="small" type="primary">点击上传视频</el-button>
</el-upload>

其中，action 属性表示上传的接口地址，headers 属性表示上传时需要携带的请求头，data 属性表示上传时需要携带的请求参数，on-success 属性表示上传成功后的回调函数，on-error 属性表示上传失败后的回调函数，before-upload 属性表示在上传之前的处理函数。

4. 在组件中定义回调函数和处理函数：

methods: {
  handleSuccess(response, file, fileList) {
    console.log(response, file, fileList);
  },
  handleError(error, file, fileList) {
    console.log(error, file, fileList);
  },
  beforeUpload(file) {
    const isLt100M = file.size / 1024 / 1024 < 100;
    if (!isLt100M) {
      this.$message.error('上传的视频文件大小不能超过100MB!');
      return false;
    }
    return true;
  }
}

其中，handleSuccess 和 handleError 分别表示上传成功和上传失败时的回调函数。beforeUpload 表示在上传之前对文件进行处理的函数，这里限制了视频文件的大小不能超过100MB。

以上就是使用 el-upload 组件上传视频的基本步骤，你可以根据自己的需求对组件进行进一步的定制和修改。