我們一般不會在前端限制用戶上傳文件時的文件類,因為也沒什么好的辦法來限制只能使用像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.    //開源代碼Vevb.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識別出的文件類型