JavaScript获取及判断文件类型
一、获取文件后缀
1 | <input type= "file" name= "addvedio" accept= "video/*" /><br>注:accept属性可以设置选择上传文件的类型 |
1 2 3 4 5 6 | getFileType:function (filePath){ var startIndex = filePath.lastIndexOf( "." ); if (startIndex != -1) return filePath.substring(startIndex+1, filePath.length).toLowerCase(); else return "" ; } |
二、判断视频文件
1 2 3 4 5 6 7 8 9 10 | //视频文件选择 $( 'input[name="addvedio"]' ). on ( 'change' , function() { let addvedio = $( 'input[name="addvedio"]' ).val() //介绍视频 let addvediofile = _this.getFileType(addvedio); if (addvediofile != "mp4" && addvediofile != "rmvb" && addvediofile!= "avi" && addvediofile != "ts" ) { _this.layerOpen( '请选择视频文件!' ) $( 'input[name="addvedio"]' ).val( "" ) //介绍视频 return ; } }) |
三、判断图片文件
1 2 3 4 5 6 7 8 9 10 | //主讲人头像 $( "#filed" ). on ( 'change' , function() { let teacherImg = $( "#filed" ).val() let teacherImgfile = _this.getFileType(teacherImg); if (teacherImgfile != "bmp" && teacherImgfile != "png" && teacherImgfile != "gif" && teacherImgfile != "jpg" && teacherImgfile!= "jpeg" ){ _this.layerOpen( '主讲人照片请选择图片文件!' ) $( "#filed" ).val( "" ) //介绍视频 return ; } }) |
四、判断excel文件
1 2 3 4 5 6 7 | let filevalue = $( 'input[name="file"]' ).val() let fileType = getFileType(filevalue) if (fileType !== 'xls' && fileType !== 'xlsx' ){ _this.layerOpen( "请上传xls/xlsx类型的文件!" ) $( 'input[name="file"]' ).val( "" ); return ; } |
【推荐】AI 的力量,开发者的翅膀:欢迎使用 AI 原生开发工具 TRAE
【推荐】2025 HarmonyOS 鸿蒙创新赛正式启动,百万大奖等你挑战
【推荐】博客园的心动:当一群程序员决定开源共建一个真诚相亲平台
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 源码浅析:SpringBoot main方法结束为什么程序不停止
· C#性能优化:为何 x * Math.Sqrt(x) 远胜 Math.Pow(x, 1.5)
· 本可避免的P1事故:Nginx变更导致网关请求均响应400
· 还在手写JSON调教大模型?.NET 9有新玩法
· 复杂业务系统线上问题排查过程
· 「闲聊文」准大三的我,思前想后还是不搞java了
· .NET 9 的免费午餐:GZip 性能提升38.3%
· 2025年:是时候重新认识System.Text.Json了
· 开源新旗舰 GLM-4.5:不想刷榜,只想干活儿
· 优雅的.net REST API之FastEndpoints