在前端开发中，我们经常需要处理文件路径，而处理文件路径中经常需要获取文件的扩展名。但是 JavaScript 自带的 API 中并没有提供直接获取文件扩展名的方法，于是我们需要借助第三方库来完成这个操作。其中一个优秀的库就是 path-complete-extname，它提供了一个简单易用的方式来获取文件的完整扩展名。
安装
使用 npm 安装 path-complete-extname：
npm install path-complete-extname
使用
在代码中引入 path-complete-extname：
const pathCompleteExtname = require('path-complete-extname');然后就可以使用 pathCompleteExtname 函数来获取文件的完整扩展名：
const filePath = '/path/to/file.txt'; const completeExtname = pathCompleteExtname(filePath); console.log(completeExtname); // 输出 '.txt'
pathCompleteExtname 函数接收一个文件路径作为参数，返回这个文件的完整扩展名，包括点 .。如果文件没有扩展名，返回空字符串。
示例
下面是一些使用 path-complete-extname 的示例。
1. 获取文件扩展名
const filePath = '/path/to/file.txt'; const completeExtname = pathCompleteExtname(filePath); console.log(completeExtname); // 输出 '.txt'
2. 判断文件是否为图片
const filePath = '/path/to/image.png'; const completeExtname = pathCompleteExtname(filePath); const isImage = ['.png', '.jpg', '.jpeg', '.gif', '.bmp'].includes(completeExtname); console.log(isImage); // 输出 true
3. 获取支持的图片格式
-- -------------------- ---- ------- ----- ------------ - - ------- ------- -------- ------- ------- ------ ------- ------ ------- ----- -- ----- ---------------- - -------------------------------------- ------------------------------------------- -- -- ------------------------
4. 判断文件是否为 Markdown 文件
const filePath = '/path/to/file.md'; const completeExtname = pathCompleteExtname(filePath); const isMarkdown = completeExtname === '.md'; console.log(isMarkdown); // 输出 true
总结
通过使用 path-complete-extname，我们可以轻松地获取文件的完整扩展名。这个库不仅使用简单，而且还提供了许多工具函数来帮助我们判断文件类型以及其它文件相关操作，让我们的文件路径处理代码变得更加高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/71417