javascript 判斷文件名

上傳文件的時候，我們通常是使用form表單的 file標籤 ；<input type = "file" name = "upload" id = "upload" value = "Brower" />
linux系統下面我們不用考慮文件的名稱是否包含特殊字符： \ / ? * < > | : " 等，然而在windows 下面就需要考慮這些特殊字符了。
下面講解如何用正則表達式判斷 是否包含這些特殊字符：

function checkFile（）{
          var fileContent= jQuery("#upload").val();
          var fileNamepatn = /\||<|>|\?|\*|:|\/|\\|"/;
          if(fileNamepatn.test(fileContent) ){
              alert("不能包含特殊字符");
          }
}

在火狐測試這段代碼是可以判斷文件名的。然而在chrome 下面無法判斷。我們上傳正常的文件也會被指定爲包含特殊字符。
我們會發現 在火狐下面 fileContent 就僅僅是一個文件名，然而在chrome 下面會多出一些路徑：C:\XXX\XXX.png
: 和\ 都是特殊字符 因此不能通過判斷。我們通常會使用substring（）和lastIndexOf()  方法截取字符串 獲得 XXX.png ，修改後的代碼

function checkFile（）{
          var fileContent= jQuery("#upload").val();
          fileContent = fileContent.substring(fileContent .lastIndexOf("\"));
          var fileNamepatn = /\||<|>|\?|\*|:|\/|\\|"/;
          if(fileNamepatn.test(fileContent) ){
              alert("不能包含特殊字符");
          }
}

上面的代碼會有問題的，因爲"\" 在JavaScript 中是一個特殊字符，我們就會想到轉義，然而轉義之後會發現 fileContent .lastIndexOf(\\') 返回的是 -1.
我們想到的就是用正則表達式去替換 “\”

function checkFile（）{
          var fileContent= jQuery("#upload").val();
          fileContent  = fileContent.repalce(/\\/,"\");
          fileContent = fileContent.substring(fileContent .lastIndexOf("\"));
          var fileNamepatn = /\||<|>|\?|\*|:|\/|\\|"/;
          if(fileNamepatn.test(fileContent) ){
              alert("不能包含特殊字符");
          }
}

這個方法看似可以，卻發現 C:\XXX\XXX.png 僅僅是第一個 \ 被替換成了 “/”;很痛苦，就想到用replaceAll（） 方法，結果是沒有這個方法，更痛苦了，，百度了一把： fileContent.repalce(/\\/g,"\"); 添加一個g表示全局替換。
最終代碼如下：

function checkFile（）{
          var fileContent= jQuery("#upload").val();
          fileContent  = fileContent.repalce(/\\/g,"\");
          fileContent = fileContent.substring(fileContent .lastIndexOf("\"));
          var fileNamepatn = /\||<|>|\?|\*|:|\/|\\|"/;
          if(fileNamepatn.test(fileContent) ){
              alert("不能包含特殊字符");
          }
}