js取得判斷上傳檔案後綴名的範例程式碼_javascript技巧

複製程式碼 程式碼如下:

function lastname(){
 //取得欲上傳的檔案//取得欲上傳的檔案路徑
var filepath = document.getElementById("file1").value;
//為了避免轉義反斜線出問題，這裡將對其進行轉換
var re = /(\ )/ g;
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;
  }
}

備註說明：
1.先將該腳本儲存成一個JS文件，然後包含到上傳文件的頁面當中；
2.在上傳頁面的表單中加入onsubmit="return lastname()"