js實現的判斷上傳圖片的型別

通常情況下，上傳的圖片型別是受到限制的，所以首先要判斷圖片的型別，也就是判斷圖片的字尾名，如果不在允許範圍之內，就會彈出提示，下面就是一段能夠實現此功能的程式碼節選。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
function lastname(){
  //獲取欲上傳的檔案路徑
  var filepath = document.getElementById("thefile").value; 
  //為了避免轉義反斜槓出問題，這裡將對其進行轉換
  var re = /(<a href="http://www.softwhy.com/file://\\+)/g" target="_blank">\\+)/g</a>; 
  var filename=filepath.replace(re,"#");
  //對路徑字串進行剪下擷取
  var one=filename.split("#");
  //獲取陣列中最後一個，即檔名
  var two=one[one.length-1];
  //再對檔名進行擷取，以取得字尾名
  var three=two.split(".");
  //獲取擷取的最後一個字串，即為字尾名
  var last=three[three.length-1];
  //新增需要判斷的字尾名型別
  var tp ="jpg,gif,bmp,JPG,GIF,BMP";
  //返回符合條件的字尾名在字串中的位置
  var rs=tp.indexOf(last);
  //如果返回的結果大於或等於0，說明包含允許上傳的檔案型別
  if(rs>=0){
    return true;
  }else{
    alert("您選擇的上傳檔案不是有效的圖片檔案！");
    return false;
  }
}