js判断上传文件的类型的实例代码
完整代码如下。
复制代码 代码示例:
function fileCheck(){
var postfix = form1.fileUpload.value.match(/^(.*)(\.)(.{1,8})$/)[3].toLowerCase(); //获得选择的上传文件的后缀名的正则表达式
if(!(postfix == "rar"||postfix == "zip"))
{
alert('文件类型不正确,请选择.rar或者.zip文件 !');
var nf = form1.fileUpload.cloneNode(true);
nf.value='';
form1.fileUpload.parentNode.replaceChild(nf, form1.fileUpload);
return false;
}
}
说明:用js来控制文件上传类型时,按照如下代码进行控制,第一次选择一个文件,会触发onchange事件,但把内容清空,再选择同样的文件,就不触发onchange事件了。
代码如下:
复制代码 代码示例:
function isValidateFile(obj){
var extend = obj.value.substring(obj.value.lastIndexOf(".")+1);
if(extend==""){
}else{
if(!(extend=="xls"||extend=="doc")){
alert("请上传后缀名为xls或doc的文件!");
obj.select();
document.execCommand('delete');
return false;
}
}
return true;
}
只清空了页面上的显示值,而没有删除第一次选择文件的实际值,所以,再第二次上传同样文件的时候,前后两次的值是相同的,所以不粗放onchange事件;
将以上代码修改为:
复制代码 代码示例:
function isValidateFile(obj){
var extend = obj.value.substring(obj.value.lastIndexOf(".")+1);
if(extend==""){
}else{
if(!(extend=="xls"||extend=="doc")){
alert("请上传后缀名为xls或doc的文件!");
var nf = obj.cloneNode(true);
nf.value='';
obj.parentNode.replaceChild(nf, obj);
return false;
}
}
return true;
}
编辑推荐:php检测文件头信息 判断文件类型
附,js判断FileUpload文件类型
asp.net中html标签代码:
复制代码 代码示例:
<asp:FileUpload ID="fuMain" runat="server" />
<asp:Button ID="btnUpload" runat="server" OnClientClick="return CheckWorkFile()" Text="上传" />
普通的html标签:
复制代码 代码示例:
<input type="file" ID="fuMain" />
<input type="button" ID="btnUpload" onclick="return CheckWorkFile()" Text="上传" />
以上代码可以检测上述标签中的上传文件类型:
复制代码 代码示例:
function CheckWorkFile()
{
var obj=document.getElementByIdx_x('fuMain');
if(obj.value=='')
{
alert('请选择要上传的文件');
return false;
}
var stuff=obj.value.match(/^(.*)(\.)(.{1,8})$/)[3]; //判断文件类型的正则
if(stuff!='doc')
{
alert('文件类型错误,请您选择.doc文件');
return false;
}
return true;
}
#--->>常用js验证代码大全(Email、手机号码、身份证号码、文件类型等)
相关热词:
本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!
本文地址: https://v30.fanwenzhu.com/jiaob/shell/12021.shtml
相关文章
热门TAG
win10 ecshop 主机 阿里云 解决 配置 C# C++ 解析 SQL语句 命令 Go语言 方法 CSS3 HTML5 CSS win7 MSSQL 服务器配置 IIS7.5 IIS7 IIS6 IIS CentOS 7 Linux oracle数据库 oracle phpcms discuz discuz教程最新文章
-
Python2爬虫入门:正则表达
时间:2021-01-11
-
python程序的两种运行方式
时间:2021-01-11
-
Python3爬虫进阶:MySQL存储
时间:2021-01-11
-
python导入模块的关键字是
时间:2021-01-11
-
python去重函数是什么
时间:2021-01-09
-
如何用python爬虫开源项目
时间:2021-01-09
-
Photoshop设计个性笔刷制作
时间:2021-01-09
-
深入理解PHP与WEB服务器交
时间:2021-01-09
热门文章
-
解析shell字段分隔符的用法(图文)
时间:2020-12-22
-
Python3爬虫进阶:MongoDB存储(非关系型数
时间:2020-12-29
-
php如何接收json数据
时间:2021-01-08
-
php ucwords函数怎么用
时间:2021-01-08
-
如何在Linux或者UNIX下调试Bash Shell脚本
时间:2020-12-22
-
python中pow什么意思
时间:2021-01-08
-
如何在python数据挖掘使用pandas包?
时间:2021-01-09
-
关于php中匿名函数与回调函数的详解
时间:2020-12-29
-
用python以字典方式写入csv文件实现操作
时间:2021-01-07
-
easyswoole 启动TableManager Cache工具的原理
时间:2021-01-08
