js检测上传文件类型代码实例

本章节分享一段代码实例，它实现了检测上传文件类型的功能。

代码实例如下:

function Checkfiles(){
  var fup = document.getElementById('logo1');
  var fileName = fup.value;
  var ext = fileName.substring(fileName.lastIndexOf('.') + 1);
  if(ext == "gif" || ext == "GIF" || ext == "JPEG" || ext == "jpeg" || ext == "jpg" || ext == "JPG" || ext == "png" || ext == "PNG"){
    return true;
  }else{
    alert("Upload JPG, JPEG, PNG, GIF images only");
    fup.focus();
    return false;
  }
}

上面的代码实现了检测功能，下面简单介绍一下它的实现过程。

一.代码注释:

（1）.function Checkfiles(){}，此方法实现了判断功能。

（2）.var fup = document.getElementById('logo1')，这个是获取上传空间的元素对象，比如input file。

（3）.var fileName = fup.value，获取value属性值，也就是文件的路径。

（4）.var ext = fileName.substring(fileName.lastIndexOf('.') + 1)，截取文件的后缀名称。

（5）.if(ext == "gif" || ext == "GIF" || ext == "JPEG" || ext == "jpeg" || ext == "jpg" || ext == "JPG" || ext == "png" || ext == "PNG"){

  return true;

}，如果后缀名称属于以上几个就返回true。

（6）.else{

  alert("Upload JPG, JPEG, PNG, GIF images only");

  fup.focus();

  return false;

}，否则的话给出提示，并且上传元素获取焦点，并跳出函数。

二.相关阅读:

（1）.substring()方法可以参阅javascript substring()一章节。

（2）.lastIndexOf()方法可以参阅javascript lastIndexOf()一章节。