我们一般不会在前端限制用户上传文件时的文件类,因为也没什么好的办法来限制只能使用像php,asp这类来操作,下面我来介绍利用js来定义type=file浏览上传时的文件类型与php中限制上传文件类型代码.

利用js,例1代码如下:

1. <script> 
2. function check(){ 
3. var filepath=path.value 
4. filepath=filepath.substring(filepath.lastIndexOf('.')+1,filepath.length) 
5. if(filepath != 'jpg' && filepath != 'gif') 
6. alert("只能上传JPG或GIF格式的图片") 
7. } 
8. </script> 
9.  
10. <input type=file name=path onpropertychange="check()"> (只能上传JPG或GIF格式的图片) 

例2,代码如下:

1. <script> 
2. function ck(obj){if(obj.value.length>0){ 
3. var af="jpg,gif,png,zip,rar,txt,htm"; 
4. if(eval("with(obj.value)if(!/"+af.split(",").join("|")+"/ig.test(substring(lastIndexOf('.') 
5.  
6. +1,length)))1;")){alert("Allowed file types:n"+af);obj.createTextRange().execCommand('delete')}; 
7. }} 
8. </script> 
9. <form> 
10. <input type=file name=path onpropertychange="ck(this)"/></form> 

例3,代码如下:

1. /* 
2.  * 判断图片类型 
3.  *  
4.  * @param ths  
5.  *    type="file"的javascript对象 
6.  * @return true-符合要求,false-不符合 
7.  */ 
8. function checkImgType(ths){ 
9.  if (ths.value == "") { 
10.   alert("请上传图片"); 
11.   return false; 
12.  } else { 
13.   if (!/.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(ths.value)) { 
14.    alert("图片类型必须是.gif,jpeg,jpg,png中的一种"); 
15.    //开源代码phpfensi.com 
16.    ths.value = ""; 
17.    return false; 
18.   } 
19.  } 
20.  return true; 
21. } 

如果是利用php,asp类的我们就不能像上面处理了需要如下代码:

1. $name=$_FILES['file4']['name']; //获取客户端机器原文件的名称  
2. $type=strstr($name,"."); //获取从"."到最后的字符 if($type!=".txt") 
3. { echo "对不起,您上传文件的格式不正确!!";  
4. echo "<meta http-equiv="Refresh" content="3;url=index.php?lmbs=文件上传">将在3秒钟后返回前页...";  
5. } 

上面的方法说实话只能骗小朋友了,只要我们把上传文件的后缀名改一下就可能通过上面验证,稍加改进后这样就与文件后缀名无关了,代码如下:

1. $temppath=$upfile['tmp_name']; 
2. $fileinfo=pathinfo($upfile['name']); 
3. $extension=$upfile['type']; 
4. switch( $extension ) 
5. { 
6.     case 'application/msword': 
7.     $extension ='doc'; 
8.     break; 
9.     case 'application/vnd.ms-excel': 
10.     $extension ='xls'; 
11.     break; 
12.     case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document': 
13.     $extension ='docx'; 
14.     break; 
15.     case 'application/vnd.ms-powerpoint': 
16.     $extension ='ppt'; 
17.     break; 
18.     case 'application/pdf': 
19.     $extension ='pdf'; 
20.     break; 
21.     case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': 
22.     $extension ='xlsx'; 
23.     break; 
24.     default: 
25.     die('只允许上传doc,docx,xls,pdf,ppt文件 <a href="wend.php">重新上传</a>'); 
26.      
27.  } 

id 后缀名 php识别出的文件类型