vue video 判断上传文件上传格式 avc(h264)

Vue Video 在处理文件上传时，如果你想限制上传视频的格式为 AVC (H.264)，通常会结合前端验证和后端支持来实现。前端可以使用 JavaScript 的 File API 来检查文件的 MIME 类型或扩展名。以下是基本步骤：

1. **前端验证**：
在用户选择文件后，你可以使用 `File` 对象的 `type` 属性获取文件的 MIME 类型。H.264 视频的 MIME 类型通常是 `video/mp4; codecs="avc1.*"` 或者 `video/x-matroska`。你可以写一个函数，例如：

function isH264Video(file) {
  const type = file.type;
  return type.includes('video/mp4') || type.includes('video/x-matroska');
}

2. **限制上传**：
如果文件不是 H.264 格式，可以在提交前阻止或者提示用户更换。

<form @submit.prevent="handleUpload">
  <input type="file" accept=".mp4, .mkv" v-model="selectedFile" :on-change="checkFormat" />
  <!-- ... -->
</form>

<script>
methods: {
  checkFormat(e) {
    if (!isH264Video(e.target.files[0])) {
      alert('只允许上传 H.264 格式的视频!');
      e.target.value = '';
    }
  },
  handleUpload() {
    // ...实际上传逻辑
  }
}
</script>