js擷取判斷上傳檔案尾碼名的範例程式碼

js擷取判斷上傳檔案尾碼名的範例程式碼

 本篇文章主要是對js擷取判斷上傳檔案尾碼名的範例程式碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所協助

 代碼如下:

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()"