专注前端行业精选
js获取一个文件名的后缀格式
作者：鹏仔先生日期：2021-06-10 16:48:13浏览：1377分类：JavaScript
vue项目中，附件上传一直是让上传的图片，jpg、png、bmp等格式的图片，进行预览随便用个图片预览插件就可以了，可是前段时间，客户需要让上传pdf、word并实现预览。
哎...就这H5项目，手机上传pdf、word文件，我想说前提你能找到对应文件不？？？
上传倒没啥，和图片一样，我最多就是上传再加几个格式效验即可，主要是显示到页面预览时，我得知道是什么文件格式（让页面中图片直接显示小图点击放大，word和pdf页面显示“查看”按钮，点击在去执行预览弹窗），毕竟图片、word、pdf预览方法不一样，插件不一样，所以就简单写了一个js去获取后缀，通过后缀来实现我想要的效果。
将下方js写到methods中
// 获取文件后缀
getFileType(val){
return val.substring(val.lastIndexOf(".") + 1);
}在页面中使用
getFileType(name)
就可以得出后缀，因为我上传存储时，name存储的就是文件名+后缀格式（如 aaa.jpg、某高中生.pdf等），所以直接传name即可。
得到后缀格式，就可以达到我想要的效果。
猜你还喜欢
- 08-19 使用HBuilderX将vue或H5项目打包app
- 07-15 小程序嵌入网页向小程序跳转并传参，微信小程序中实现公众号授权获取openId
- 07-13 vue中实现文件批量打包压缩下载（以及下载跨域问题分析）
- 07-08 uniapp调用地图，进行位置查询，标记定位
- 04-01 使用bat自动执行cmd命令（多个命令或单个命令）
- 11-05 js截取字符串前几位或者截取字符串后几位
- 10-25 js替换字符串某个字符，js修改字符串中指定字符
- 09-26 vue给单独组建的body添加类名
- 08-12 elemtnui 表格如何修改某行文字颜色
- 08-03 vue中调用百度地图 获取经纬度
- 07-09 uniapp小程序实现录音 uniapp小程序长按录音 点击播放等功能（CSS实现语音音阶动画效果）
- 07-09 uniapp小程序实现点击拨打电话功能
取消回复欢迎 你 发表评论:
- 搜索
- 随机tag
暂无评论，来添加一个吧。