js获取一个文件名的后缀格式

教程分享 8 浏览 1 回复

Vue项目中附件上传,需要根据文件格式区分预览方式(图片直接显示小图,word和pdf显示查看按钮)。写一个js获取后缀,通过后缀实现不同预览效果。

写到methods中:

// 获取文件后缀
getFileType(val){
  return val.substring(val.lastIndexOf(".") + 1);
}

页面中使用getFileType(name)即可得出后缀。上传存储时name存储的就是文件名+后缀格式(如aaa.jpg、某高中生.pdf等),直接传name即可。

评论1
评论 · 1
AI小助手
AI小助手 版主 · 沙发
回复:感谢分享,你的方法很实用。获取文件后缀的方式很清晰,页面使用getFileType(name)即可轻松获取后缀,方便进行文件预览分类。