11 0 0
  2. 教程分享
  3. js获取一个文件名的后缀格式
js获取一个文件名的后缀格式
爱过 UID:10559 练气期
2026-04-25 181

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即可。

得到后缀格式，就可以达到我想要的效果。


ebb6992ca1514b38b6353b050030f002.png


附件详情

  • 说明: 普通用户每次点击下载扣除1金币
  • 附件名：
    加载中...
  • 附件分类：
    暂无
  • 账户经验：
    0 点 [排行]
  • 账户金币：
    0 个 [兑换]
  • 账户灵石：
    0 枚 [充值]
  • 上传信息：
    爱过|2026-04-25
  • 下载地址：
    点击下载
这家伙太懒了，什么也没留下。

免责声明：
此内容由本站网友原创或转载自网络公开渠道，仅供学习测试使用，禁止商用，著作权归原作者所有,本站不对此内容担负法律责，请于下载后24小时内删除，如发现内容侵权或违规，请联系本站，我们将在12小时内及时做删除或屏蔽处理！
收藏的用户（0） X
正在加载信息~
加载中...
Mr.Chen Mr.Chen UID: 1 • 点歌于 • 32天前
点歌
相关帖子
看过的人 (26)
  •  Mr.Chen
  • 孤星
  • 控制欲
  • 蝶梦
  • 蓝调
最新回复 (11)
  • 凉栀 UID:10550 练气期
    2026-04-25
    12楼

    登录后可见回帖内容
    引用
  • 占有欲 UID:10539 练气期
    2026-04-25
    11楼

    登录后可见回帖内容
    引用
  • 柠染 UID:10569 练气期
    2026-04-25
    10楼

    登录后可见回帖内容
    引用

请先登录后发表评论！

登录 注册
返回
我的会员 我的积分 我的排名 论坛勋章 个人中心 我的主题 我的回帖 我的收藏

头条热榜

1 一枚失控的SpaceX火箭将撞月球 1020
2 西湖边民警变身摄影师把游客宠上天 923
3 电影总票房破130亿 五一档新片火热上映 835
4 18年前在西湖走丢小女孩如今化身警花 756
5 转走储户千万存款银行员工被批捕 684
6 男子放100个粘鼠板铺满楼梯硬核灭鼠 618
7 歌手张宇患罕见病20年 妻子公开内情 560
8 中方：若美方一意孤行将坚决采取措施 506
9 专家：朝鲜以核铸盾以导弹亮剑 458
10 15.2亿人次大迁移开始了 414
11 中超积分榜：蓉城唯一不败7分领跑 375
12 教育局辟谣初中生为保送捐日军罪证 339
13 白宫晚宴枪案警犬最先发现异常遭无视 307
14 大衣哥回应空白纸上给粉丝签名留日期 278
15 垃圾车路过挂了份“外卖”到车把手上 251
16 张雪回应“820赛道熄火” 227
17 夜爬泰山遇鸡鸣安全感拉满 206
18 比亚迪4月卖出32.11万辆 186
19 古特雷斯：美拖欠联合国会费不可谈判 168
20 聪明人五一扎堆捡漏一线城市五星酒店 152
21 爷爷过世请假奔丧被开除 法院判了 138
22 伊朗代表团亚沙会单日斩获7金 124
23 朝鲜代表称日本谈和平安全可笑至极 113
24 四川禁止或限制吸烟新规首日成效 102
25 高速免费通行车主瞬间省下400 92
26 甲亢哥在深圳买的手机掉海里了 83
27 中方就朝鲜半岛问题表态 75
28 武汉东湖五一假期人气旺 68
29 深圳市民连夜买房 中介电话被打爆 62
30 大衣哥祝头条网友劳动节快乐 56
31 广东85-64大胜广州追平大比分 50
32 内蒙古17岁失联女生遗体已找到 45
33 山东男篮邱彪：感谢大家放下了包袱 41
34 王菲素颜现身观看尹昉主演话剧 37
35 伊朗递交最新伊美谈判方案 34
36 长沙五一广场大屏投心情 30
37 失联11日安徽小伙遗体已找到 排除刑案 27
38 《寒战1994》上映 25
39 “熊猫警长”杨勇站好最后一班五一岗 22
40 五角大楼改个名花半亿？专家点评 20
41 82岁演员左大玢现身河南香山寺 18
42 云南边境的目瑙纵歌何以火爆全网 16
43 研究：狗子被驯化后脑子萎缩 15
44 美将禁止中国实验室为美电子设备认证 13
45 新疆企业家李建宏国外遭车祸去世 12
46 大连英博主场上座人数再创新高 11
47 老人生病卧床几天后叫晚辈做饭 10
48 五一假期首日部分景区游客爆棚 9
49 身份证照片为何不能直接发给他人 8
50 《寒战1994》看点揭秘 7
滑动查看更多

抖音热榜

1 赣超揭幕战 1132万
2 今天是五一劳动节 1113.9万
3 4月中国创新成绩单超提气 1097.4万
4 如果幸福是一顿漂亮饭 1093万
5 CBA季后赛辽宁vs山东 1034.9万
6 五一开启享福模式 1029.8万
7 我不是戏神完结 919.9万
8 江苏常晋队员齐发抖音庆祝晋级 919.5万
9 吴宜泽6:2领先马克·艾伦 915.7万
10 时代少年团演唱会抖音直播 906.8万
11 南宁烧烤野生代言人出现了 892.4万
12 各地老字号申请上桌 883.8万
13 “无糖饮料会加速老年痴呆”系谣言 856.7万
14 别人的五一vs我的五一 785.2万
15 因刨猪汤走红的合川现在怎么样了 780.1万
16 电影消失的人第89分钟全场尖叫 778.2万
17 乘风2026三公选曲 778.1万
18 西普坝王何润东组局在线猛攻 777.7万
19 不要在我寂寞的时候说爱我舞蹈 775.9万
20 CBA季后赛广州vs广东 774.5万
21 五一劳模是篮球圈的 773.7万
22 鞠婧祎万花世界先行曲 773.2万
23 电影消失的人上映 773.2万
24 轮到我跳心如止水了 772.2万
25 REDRED好舞不挑曲 772.1万
26 为闪光的劳动者点赞 771.1万
27 迪丽热巴溢出屏幕的明媚 770.6万
28 ENEMY二人离开无限流世界 770.5万
29 李晨回忆跑男的十几年好好哭 770.1万
30 超燃青春的合唱迎新会 769.9万
31 周柯宇阿水梦幻联动 769.3万
32 娜塔莎颠沛流离的一生 769.2万
33 北方人的蒜薹噩梦 768.4万
34 五一致敬努力工作的自己 768.3万
35 藏族青年土豆也来模仿刘思懿了 768.3万
36 交给白鹿掌镜你就放心吧 767.9万
37 就这样画个圈圈祝福你 767.6万
38 2026年度电影总票房破130亿 767.6万
39 恋与深空上线雾散了 767.4万
40 和平精英仙逆动画联动 766.8万
41 认真生活也是劳动成果 766.7万
42 如果幸福是一碗榴莲山竹冰 766.7万
43 五一美食判官已上线 766.4万
44 面剂子汽水音乐节vlog来了 766.1万
45 萧敬腾打卡沈阳老北市 766万
46 王濛与淡淡组队成功 765.9万
47 煎饼enemy分镜手稿画风好萌 765.8万
48 寒战94吴彦祖黑化够狠 765.7万
49 原来电影普拉达2是时尚爽文 765.7万
50 徐明浩新歌不见了给谁听爽了 765.3万
滑动查看更多

快手热榜

1 向辛勤付出的奋斗者致敬
2 凌晨2点的泰山人人人人人人 1332
3 山东1比1辽宁扳回一城 1245
4 一季度数据里藏着哪些重要信号 1173
5 江语晨版误闯天家 1137
6 央视五一晚会 1101
7 俏黄蓉劳动节重返工地送盒饭 1068
8 陈芋汐卢为10米台金牌 994
9 六点一摇慢舞 991
10 著名企业家李建宏国外遭车祸去世 988
11 弟弟不知道什么是娜塔莎 970
12 鞠婧祎就这么叮一声出现 967
13 薛之谦演唱会 966
14 关中王来了 965
15 酷二狗天才少年杯开赛 965
16 我吵架吵不过别人 965
17 琵琶行杀回来了 964
18 何润东也太敢说了 964
19 徐明浩咪豆音乐节深情告白 964
20 五一我就这样拍旅行转场 962
21 时代少年团广州演唱会 952
22 甲亢哥在中国买的手机掉海里了 947
23 赵露思出名场面和呼吸一样简单 945
24 五一的济南有一亿人吧 942
25 长安姑娘双生花版 933
26 90后宝妈美人鱼变装 929
27 刘季一万钱 926
28 台上一个薛之谦台下一个薛之谦 925
29 误闯天家舞蹈 925
30 冷脸萌变装 924
31 女儿出嫁爸爸泪崩 922
32 关中王进行曲dj 920
33 山东泰山vs青岛西海岸 917
34 山楂树之恋手势舞 915
35 我的工位没有“天花板” 912
36 白羊摇 909
37 青鸟嘲讽李四川结果打到赖清德 907
38 淘气丸子元气丸子cos 904
39 嘉琦舞 901
40 鱿鱼用英语怎么说 896
41 当兄弟说来开车接你时 893
42 唐艺昕 爱是多么美好的事情啊 892
43 五一劳动节祝福语 890
44 米糕摇手势舞 890
45 一口气跳完四月热门舞 889
46 呆呆摇 888
47 刘浩存真甜到我了 888
48 乖宝摇手势舞 888
49 杀青梗是最伟大的发明 887
滑动查看更多

2025年乙巳年蛇年
13:36:00
公历日期
9月26日
农历日期
八月初五
星期
星期五
下午好
金秋时节，愿您收获满满
距离国庆节还有5天

版块热门
请先登录后发表评论！
11