完整代码如下。
复制代码 代码示例:
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、手机号码、身份证号码、文件类型等)