js 获取文件后缀|极客笔记

js 获取文件后缀

在 Web 开发中，有时候我们需要获取文件的后缀名，以便根据文件类型进行相应的操作。在 JavaScript 中，我们可以通过一些简单的方法来获取文件的后缀名。本文将详细介绍如何使用 JavaScript 来获取文件的后缀。

方法一：使用 `split` 方法

一种常见的方法是使用 JavaScript 的 split 方法来获取文件的后缀名。具体步骤如下：

首先，我们需要获取文件名，可以通过输入框等方式来获取用户上传的文件名。
然后，使用 split 方法将文件名根据 . 进行分割，获取文件名的数组。
最后，取得数组中的最后一个元素，即为文件的后缀名。

下面是一个示例代码：

function getExtension(fileName) {
    return fileName.split('.').pop();
}

let fileName = 'example.txt';
let fileExtension = getExtension(fileName);
console.log(fileExtension); // txt

在上面的示例中，我们先将文件名 example.txt 传入 getExtension 函数中，然后通过 split 方法将其分割成数组，最后取得数组中的最后一个元素，即为文件的后缀名。

方法二：使用 `lastIndexOf` 方法

另一种方法是使用 JavaScript 的 lastIndexOf 方法来获取文件的后缀名。具体步骤如下：

首先，我们同样需要获取文件名。
然后，使用 lastIndexOf 方法获取文件名中最后一个 . 的位置。
最后，通过 substring 方法取得最后一个 . 后的字符串，即为文件的后缀名。

下面是一个示例代码：

function getExtension(fileName) {
    let dotIndex = fileName.lastIndexOf('.');
    return fileName.substring(dotIndex + 1);
}

let fileName = 'example.docx';
let fileExtension = getExtension(fileName);
console.log(fileExtension); // docx

在上面的示例中，我们同样将文件名 example.docx 传入 getExtension 函数中，然后通过 lastIndexOf 方法获取最后一个 . 的位置，最后通过 substring 方法取得最后一个 . 后的字符串，即为文件的后缀名。

方法三：使用正则表达式

除了上述方法，我们还可以使用正则表达式来获取文件的后缀名。具体步骤如下：

首先，定义一个正则表达式，用于匹配文件名中的后缀名部分。
然后，使用 match 方法匹配文件名中与正则表达式匹配的内容。
最后，取得匹配的结果，即为文件的后缀名。

下面是一个示例代码：

function getExtension(fileName) {
    let regex = /(?:\.([^.]+))?$/;
    let match = fileName.match(regex);
    return match ? match[1] : '';
}

let fileName = 'example.pdf';
let fileExtension = getExtension(fileName);
console.log(fileExtension); // pdf

在上面的示例中，我们定义了一个正则表达式，用于匹配文件名中的后缀名部分，并通过 match 方法获取匹配的结果，最终取得文件的后缀名。