如何检查文件类型是否为vue.js中指定的文件类型(镜像)？

// 检查文件类型是否为Vue组件
function isVueComponent(file) {
  // 定义Vue组件支持的文件类型
  const supportedExtensions = ['.vue'];

  // 使用正则表达式匹配文件路径中的扩展名
  const extension = file.name.split('.').pop();

  // 比较文件扩展名是否为Vue组件支持的类型
  return supportedExtensions.includes(extension);
}

// 调用示例
const file = {
  name: 'app.vue'
};

if (isVueComponent(file)) {
  console.log('文件类型为Vue组件');
} else {
  console.log('文件类型不是Vue组件');
}

// 检查文件类型是否为Vue组件
function isVueComponent(file) {
  // 定义Vue组件的文件头信息
  const vueComponentHeader = ['<template', '<script', '<style'];

  // 创建FileReader对象，用于读取文件
  const reader = new FileReader();

  return new Promise((resolve, reject) => {
    // 读取文件的前100个字节
    reader.readAsText(file.slice(0, 100));

    // 读取完成时的回调函数
    reader.onload = () => {
      const fileContent = reader.result;

      // 检查文件头信息是否匹配Vue组件
      const isVue = vueComponentHeader.every(header => fileContent.includes(header));

      resolve(isVue);
    };

    // 读取出错时的回调函数
    reader.onerror = () => {
      reject('文件读取出错');
    };
  });
}

// 调用示例
const file = new Blob(['<template><div></div></template><script>...</script><style>...</style>'], { type: 'text/html' });

isVueComponent(file).then(isVue => {
  if (isVue) {
    console.log('文件类型为Vue组件');
  } else {
    console.log('文件类型不是Vue组件');
  }
}).catch(error => {
  console.error(error);
});