js判断上传文件后缀名是否合法-文件名后缀
在前端页面进行文件的上传是平时前端开发过程经常遇到的需求,上传文件一般是根据业务需要只能接收某类后缀名格式的文件,如导入表格数据文件,只能接受xls、xlsx格式。本文总结出一种通用的方法,亲们只需要替换其中的变量即可适应自己的业务需求。
代码图:
具体代码如下:
<span id="uploadBtn">选择文件
<input type="file" class="file">
</span>
<script type="text/javascript">
/**
* 选择文件事件
*/
$("#uploadBtn [type=file]").change(function(){
var fileTypeTxt = $("#typeSelect option:selected").text();
var $this = $(this);
//合法后缀名(你只需要按照此字符串格式替换此部分内容)
var legalExts = "jpg,png,bmp,tif,gif,jpeg,pdf,doc,docx,xlsx,xls";
//获取上传文件虚拟路径 (格式一般为:"C:\fakepath\\xxx”)
var uploadPath = $this.val();
var arrFile = uploadPath.split('\\');
//上传文件的真实文件名
var realFile = arrFile[arrFile.length-1];
var arrExt = realFile.split('.');
//上传文件的真实后缀名
var realExt = arrExt[arrExt.length-1];
//如果上传的文件格式不符合要求
if(legalExts.indexOf(realExt)<0){
alert("请上传"+legalExts+"格式的文件");
}else if(!uploadPath){
return false;
} else{
//此处开始写代码处理上传文件
//......
}
</script>
相关内容
-
怎么判断一个iPhone手机有没有被拆过
怎么判断一个iPhone手机有没有被拆过,电池,手机,本文目录怎么...
-
电脑开机声音如何判断故障?
电脑开机声音如何判断故障?,故障,声音,系统,台式机主机主板上如...
-
买电脑怎么知道分辨率|怎么判断电脑分辨率
买电脑怎么知道分辨率|怎么判断电脑分辨率,,怎么判断电脑分辨...
-
你忘记了计算机的开放密码吗计算机引导代码修改
你忘记了计算机的开放密码吗计算机引导代码修改,,计算机的启动...
-
金蝶财务软件错误代码5h|金蝶软件无法查账出现
金蝶财务软件错误代码5h|金蝶软件无法查账出现该模块使用已...
-
如何解决电脑蓝屏错误代码是0x0000007f问题
如何解决电脑蓝屏错误代码是0x0000007f问题,,点评:如何解决电脑...
-
如何判断硬盘是否能得到保证
如何判断硬盘是否能得到保证,,虽然说,从正当渠道购买的新硬盘都...
-
程式编辑快捷键|代码编辑快捷键
程式编辑快捷键|代码编辑快捷键,,1. 代码编辑快捷键Option Exp...
-
双显的环境,独立显卡如何判断坏了?
双显的环境,独立显卡如何判断坏了?,显卡,判断,独立,这个很好判断...
-
vivo网络设置代码|vivo功能代码
vivo网络设置代码|vivo功能代码,,1. vivo功能代码代码是*#558#...
-
怎么在电脑上输入代码是什么东西|在电脑中输入
怎么在电脑上输入代码是什么东西|在电脑中输入代码输在哪里,,1...
-
电脑硬盘重复文件扫描|重复文件名扫描
电脑硬盘重复文件扫描|重复文件名扫描,,重复文件名扫描您在使...
-
电脑程序文件名乱码|电脑文件名称乱码
电脑程序文件名乱码|电脑文件名称乱码,,1. 电脑文件名称乱码1...
-
电脑开不了机错误代码|电脑开不了机错误代码0xc
电脑开不了机错误代码|电脑开不了机错误代码0xc000000e,,电脑...
-
确定java按钮响应事件的代码
确定java按钮响应事件的代码,,* 阅读本文可以结合最后在java...