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()一章节。

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

回复

我来回复
  • 暂无回复内容