vue如何截取文件名后缀,并判断是否mp4或avi

在Vue.js中，你可以通过JavaScript处理上传的文件，获取文件名后缀，并进行相应的判断。这里是一个简单的示例：

<template>
  <div>
    <input type="file" @change="handleFileChange" />
    <p>{{ fileName && checkFileType(fileName) }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fileName: '',
    };
  },
  methods: {
    handleFileChange(e) {
      const file = e.target.files[0];
      if (file) {
        this.fileName = file.name; // 获取文件名
      }
    },
    checkFileType(fileName) {
      const extension = fileName.split('.').pop().toLowerCase(); // 截取后缀并转换为小写
      if (extension === 'mp4' || extension === 'avi') {
        return '这是MP4或AVI格式的文件';
      } else {
        return '这不是MP4或AVI格式的文件';
      }
    },
  },
};
</script>

在这个例子中，`handleFileChange`函数会在用户选择文件后触发，它会获取文件名存储到`fileName`数据属性里。然后`checkFileType`方法用于检查文件名的后缀，如果是`mp4`或`avi`，则返回相应的消息。