JS 获取文件后缀，判断文件类型(比如是否为图片格式)

获取文件后缀和判断文件类型，是在JavaScript中经常用到的操作。具体的攻略如下：

1. 获取文件后缀

在JavaScript中获取文件后缀，可以使用字符串操作的方式，例如可以使用string.slice()或者string.substr()方法获取到文件名中 "." 后面的字符串部分，即文件的后缀。

示例代码：

const fileName = "picture.jpg";
const fileExtension = fileName.slice(fileName.lastIndexOf(".") + 1);

console.log(fileExtension);  // 输出：jpg

在以上示例中，首先定义了一个fileName变量，表示文件名。然后通过slice()方法将文件名从 "." 后面的字符串部分截取出来，存储在fileExtension变量中。最终输出了获取到的文件后缀。

2. 判断文件类型

在JavaScript中，可以使用正则表达式来判断文件类型。对于图片类型，可以使用以下正则表达式：

/^image\/(jpeg|png|gif)$/

上述正则表达式表示文件类型为jpeg、png或gif的图片。

示例代码：

function isImage(file) {
  return /^image\/(jpeg|png|gif)$/.test(file.type);
}

const imageFile = {
  name: "picture.jpg",
  type: "image/jpeg",
  size: 1024
};

console.log(isImage(imageFile));  // 输出：true

以上示例中，首先定义了一个isImage()函数，函数接收一个文件对象作为参数。使用正则表达式检测文件的.type属性，判断文件是否为图片类型。最终输出了结果true，表示文件为图片类型。

另外一个例子，更方便的方法是使用第三方库FileType.js，它可以直接返回文件的MIME类型，同时还支持更多的文件类型的判断。

示例代码：

import FileType from "file-type";

async function getFileType(file) {
  const fileInfo = await FileType.fromBlob(file);
  return fileInfo.mime;
}

const imageFile = new File(["test"], "test.png", { type: "image/png" });

getFileType(imageFile).then(mime => {
  console.log(mime);  // 输出：image/png
});

以上示例中，首先使用import语句引入FileType模块。定义了一个getFileType()函数，函数接收一个文件对象作为参数。调用FileType.fromBlob()方法异步获取文件信息，并返回文件的MIME类型。最终输出了文件的MIME类型。