el-upload accept 限制上传视频

### 配置 Element UI `el-upload` 组件仅限视频文件上传

为了使 `el-upload` 组件只接收视频文件，在属性设置上需特别注意 `accept` 属性的配置。此属性用于指定可选文件类型，通过 MIME 类型来限定只能选择特定类型的文件[^1]。

对于视频文件而言，常见的MIME类型有如下几种：

- video/mp4
- video/x-msvideo (avi 文件)
- video/mpeg
- video/quicktime (mov 文件)

因此，可以在组件初始化时设定 `accept` 参数为这些值之一或多个组合，以逗号分隔表示支持多种格式。具体实现方式如下所示[^2]：

<el-upload
  ref="upload"
  class="upload-demo"
  :limit="1"
  action=""
  :accept="'.mp4,.avi,.mpeg,.mov'"
  :http-request="handleChange"
  :before-remove="beforeremove"
  :file-list="uploadFileList"
  :on-preview="clickFile"
  :show-file-list="true">
  <div class="uploadFiles">
    <img src="@/assets/overview/Vector.png">上传视频</div>
</el-upload></div>

上述代码片段展示了如何利用 `accept` 属性限制用户只能上传指定扩展名的视频文件。此外，还可以进一步增强用户体验，比如当尝试上传不符合条件的文件时给出提示信息等操作[^3]。