运行系统：windows 10

运行终端：Goodle Chrome(谷歌) 浏览器

开发框架：vue3 + elementPlus

开发环境：nodeJS v20.17.0

nvm 版本：1.1.12

原文请关注vx公众号： 酒粮人僧快码，获取源代码
原文地址：https://mp.weixin.qq.com/s/NmaCkcI4eeTNtjt2PRUUNg

filename.match(/.([a-z0-9]+)$/i)

使用正则表达式匹配文件名末尾的后缀（如 .jpg）。

. 匹配点号 .，([a-z0-9]+) 匹配后缀名（字母或数字），$ 表示匹配字符串末尾。

i 表示不区分大小写（如 .JPG 也能匹配）。

extMatch[1]

提取正则匹配的分组（即后缀名，如 jpg）。

toLowerCase()

统一转换为小写，方便后续判断。

/^(jpg|jpeg|png)$/

匹配 jpg、jpeg 或 png，返回 “预览”。

/^(pdf|doc|docx)$/

匹配 pdf、doc 或 docx，返回 “下载”。

如果文件后缀不在判断范围内（如 .txt、.mp3），返回空操作 “”，但仍返回文件后缀。

方法优势

代码简洁：使用正则表达式减少重复的 if-else 判断。

大小写兼容：/i 标志使匹配不区分大小写（如 .JPG 和 .jpg 都能识别）。

扩展性强：后续只需修改正则表达式即可支持更多文件类型。

原文请关注vx公众号： 酒粮人僧快码，获取源代码
原文地址：https://mp.weixin.qq.com/s/NmaCkcI4eeTNtjt2PRUUNg