使用JS驗證文件類型

項目中涉及到這一需求，在此貼出代碼分享給大家，

有2中方式，一種是input中使用accept 方式

一種是使用js正則表達式判斷，個人推薦使用js正則表達式，因為accept 有的瀏覽器並不支持，而且accept並不是強制。

 

第一種

<input  type="file" name="file" id="ck_attach_path" style="width:98%;" accept=".xls,.doc,.txt,.pdf"  />

第二種

<input type="file" name="file"   id="ck_attach_path" id="file" style="width:98%;" onchange="CheckFile(this);" >

　　　　　　　 //文件上傳驗證.
            function CheckFile(obj) { 
                  var array = new Array('txt', 'pdf', 'doc','docx','xls','xlsx','pptx'); //可以上傳的文件類型 
                  if (obj.value == '') { 
                    alert("選擇要上傳的文件!"); 
                    return false; 
                  } 
                  else { 
                    var fileContentType = obj.value.match(/^(.*)(\.)(.{1,8})$/)[3]; 
                    var isExists = false; 
                    for (var i in array) { 
                      if (fileContentType.toLowerCase() == array[i].toLowerCase()) { 
                        isExists = true; 
                        return true; 
                      } 
                    } 
                    if (isExists == false) { 
                      obj.value = null; 
                      alert("上傳文件類型不正確!"); 
                      return false; 
                    } 
                    return false; 
                  } 
                }