JavaScript判断上传文件的类型是否合法

方法一、简单直接

function Check_FileType(str) {

 

    var pos = str.lastIndexOf(".");

 

    var lastname = str.substring(pos,str.length)  //此处文件后缀名也可用数组方式获得str.split(".")

 

    if (lastname.toLowerCase()!=".jpg" && lastname.toLowerCase()!=".gif") {

 

     alert("您上传的文件类型为"+lastname+"，图片必须为.jpg,.gif类型");

 

     document.myform.pic.focus();

 

     return false;

 

    } else {

 

        return true;

 

    }

 

}

 

方法二：利用JavaScript中的数组

 

function lastname() {

    // 获取欲上传的文件路径

    var filepath = document.getElementById("file").value; 

    

    // 为了避免转义反斜杠出问题，这里将对其进行转换

    var re = /(\\+)/g;  

    var filename = filepath.replace(re,"#"); 

 

    // 对路径字符串进行剪切截取

   var fileArray = filename.split("#"); 

 

   // 获取数组中最后一个，即文件名

   var fileName = fileArray[fileArray.length-1]; 

   

   // 再对文件名进行截取，以取得后缀名

   var suffixName = fileName.split("."); 

 

   // 获取截取的最后一个字符串，即为后缀名

   var last = suffixName[suffixName.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;

   }

}