elementui上传视频预览图

在 ElementUI 中，上传视频预览图可以通过以下步骤实现：

1. 在上传组件中添加 `before-upload` 属性，指定一个方法来处理上传前的操作。
2. 在该方法中，使用 `URL.createObjectURL()` 方法将上传的视频文件转换为一个可预览的 URL。
3. 将该 URL 赋值给一个预览图的 `<img>` 标签的 `src` 属性。

以下是一个示例代码：

<template>
  <el-upload
    class="upload-demo"
    action="/upload"
    :before-upload="handleBeforeUpload"
  >
    <el-button slot="trigger">选取文件</el-button>
    <el-button slot="tip" type="primary">或者拖拽文件到此处</el-button>
  </el-upload>
  <img v-if="previewUrl" :src="previewUrl" style="max-width: 100%">
</template>

<script>
export default {
  data() {
    return {
      previewUrl: null
    }
  },
  methods: {
    handleBeforeUpload(file) {
      // 判断是否为视频文件
      if (file.type.indexOf('video/') === -1) {
        this.$message.error('只能上传视频文件')
        return false
      }

      // 转换为可预览的 URL
      this.previewUrl = URL.createObjectURL(file)

      // 继续上传操作
      return true
    }
  }
}
</script>