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

版主

教程分享 120 浏览 1 回复

详情摘要

【总结】帖子介绍了在Vue项目中如何通过JavaScript获取文件后缀，以便根据文件类型进行不同的预览处理。作者提供了一个名为`getFileType`的方法，可以获取文件名中的后缀部分，方便在页面中应用。

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

写到methods中：

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

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