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

js 获取文件后缀名

在前端开发中，经常会涉及到获取文件的后缀名。文件的后缀名通常用于标识文件的类型，比如图片文件的后缀名可能是.jpg, .png, .gif等。在前端中，通过JavaScript可以很方便地获取文件的后缀名。在本文中，将详细介绍如何通过JavaScript获取文件的后缀名。

方法一：使用字符串截取

可以通过JavaScript中的字符串截取方法来获取文件的后缀名。具体步骤如下：

首先获取文件名，即文件路径中最后一个.后的字符。
利用字符串截取方法获取文件的后缀名。

下面是一个使用字符串截取方法获取文件后缀名的示例代码：

function getExtension(filename) {
    return filename.slice((filename.lastIndexOf(".") - 1 >>> 0) + 2);
}

// 测试
console.log(getExtension("image.jpg")); // 输出：jpg
console.log(getExtension("document.docx")); // 输出：docx

上面的代码先定义了一个getExtension函数，传入文件名作为参数。在函数中，使用lastIndexOf方法找到最后一个.的位置，然后通过slice方法截取出文件的后缀名。需要注意的是，>>> 0是为了将负数转为正数。

方法二：使用正则表达式

除了字符串截取方法外，还可以使用正则表达式来获取文件的后缀名。通过正则表达式可以更灵活地匹配文件名中的内容，从而更准确地获取文件的后缀名。

下面是一个使用正则表达式获取文件后缀名的示例代码：

function getExtension(filename) {
    return filename.match(/\.[0-9a-z]+$/i)[0].substr(1);
}

// 测试
console.log(getExtension("image.jpg")); // 输出：jpg
console.log(getExtension("document.docx")); // 输出：docx

上面的代码定义了一个getExtension函数，利用正则表达式匹配文件名中的.后缀名，并通过substr方法去掉第一个.。这样就可以获得文件的后缀名。

方法三：使用split方法

除了字符串截取和正则表达式，还可以使用JavaScript中的split方法来获取文件的后缀名。split方法可以通过指定的分隔符将字符串分割成数组，然后取最后一个元素即为文件的后缀名。

下面是一个使用split方法获取文件后缀名的示例代码：

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

// 测试
console.log(getExtension("image.jpg")); // 输出：jpg
console.log(getExtension("document.docx")); // 输出：docx

上面的代码定义了一个getExtension函数，利用split方法将文件名以.分割成数组，然后通过pop方法获取数组的最后一个元素即为文件后缀名。