那前端怎么用el-upload写视频上传

在Element UI (El Upload) 中，你可以使用`type="file"`来指定上传类型为视频。以下是基本的使用步骤：

<template>
  <el-upload
    action="your-api-url" /* 你的后端API地址 */
    :on-change="handleChange"
    :before-upload="beforeUpload"
    :on-success="handleSuccess"
    :on-error="handleError"
    type="video"
    accept=".mp4, .avi, .wmv" /* 允许上传的视频格式 */
  >
    <i class="el-icon-upload"></i> 选择视频
    <div slot="tip">点击上传视频</div>
  </el-upload>
</template>

<script>
export default {
  methods: {
    handleChange(file) {
      console.log('文件改变', file);
    },
    
    beforeUpload(file) {
      // 在这里可以做预处理，比如检查文件大小等
      if (file.size > 1024 * 1024 * 5) { // 比如限制最大5MB
        this.$message.error('视频文件不能超过5MB');
        return false;
      }
      return true; // 默认允许上传
    },
    
    handleSuccess(response, file) {
      console.log('上传成功', response, file);
      // 在这里处理上传成功的回调，例如更新数据库或显示上传成功的提示
    },
    
    handleError(error, file) {
      console.log('上传失败', error, file);
      // 在这里处理上传失败的情况
    },
  },
};
</script>

记得将`your-api-url`替换为你实际的上传接口地址。此外，还可以通过`http-request`插件自定义上传逻辑。