如何在JavaScript中获取文件类型

在编写JavaScript程序时，我们有时需要获取文件的类型以执行特定的操作。本文将介绍如何在JavaScript中获取文件类型。

通过文件后缀名获取文件类型

在使用计算机时，我们通常可以通过文件的后缀名来判断文件的类型。例如，.png文件是图像文件，.txt文件是文本文件，.mp3文件是音频文件等等。

在JavaScript中，我们可以通过字符串截取和判断来获取文件的后缀名，并通过后缀名来获取文件类型。以下是示例代码：

const fileName = 'example.png';
const fileExtension = fileName.split('.').pop();
let fileType;

switch (fileExtension.toLowerCase()) {
   case 'png':
   case 'jpg':
   case 'jpeg':
   case 'bmp':
   case 'gif':
      fileType = 'image';
      break;
   case 'mp3':
   case 'wav':
   case 'flac':
   case 'aac':
      fileType = 'audio';
      break;
   case 'mp4':
   case 'mpeg':
   case 'avi':
   case 'mov':
      fileType = 'video';
      break;
   case 'txt':
   case 'doc':
   case 'docx':
   case 'pdf':
      fileType = 'document';
      break;
   default:
      fileType = 'unknown';
}

以上代码通过字符串方法split()和pop()获取文件的后缀名。之后使用toLowerCase()将后缀名转换为小写，以避免因大小写不匹配而导致的错误。最后使用switch语句根据后缀名判断文件的类型，并将结果保存在变量fileType中。

通过文件头获取文件类型

除了通过文件后缀名获取文件类型外，我们还可以通过文件头来获取文件的类型。文件头是文件开头的几个字节，通常用于标识文件类型。例如，PNG图像文件的文件头是89 50 4E 47 0D 0A 1A 0A。

在JavaScript中，我们可以通过FileReader对象读取文件头，并使用DataView对象读取文件头中的字节数据。以下是示例代码：

const getFileType = (file) => {
   const reader = new FileReader();
   reader.readAsArrayBuffer(file.slice(0, 4)); // 读取文件头的前4个字节
   reader.onloadend = () => {
      const view = new DataView(reader.result);
      const magicNumber = view.getUint32(0, false).toString(16);
      let fileType;
      
      switch (magicNumber) {
         case '89504e47':
            fileType = 'image/png';
            break;
         case '47494638':
            fileType = 'image/gif';
            break;
         case 'ffd8ffe0':
         case 'ffd8ffe1':
         case 'ffd8ffe2':
            fileType = 'image/jpeg';
            break;
         case '25504446':
            fileType = 'application/pdf';
            break;
         default:
            fileType = 'unknown';
      }
   }
}

以上代码定义了一个函数getFileType()，用于读取文件的前4个字节，并根据字节内容来判断文件的类型。代码中使用了FileReader对象和DataView对象来读取文件头中的字节数据。

总结

本文介绍了两种在JavaScript中获取文件类型的方法，分别是通过文件后缀名获取文件类型和通过文件头获取文件类型。希望本文能够对读者有所帮助。