js控制上传文件类型

    在上传文件的时候，我们可能会遇到这样的需求：只允许上传图片，比如以".jpg",".gif",".png",".bmp",".jpeg"等后缀名结尾。

在我之前的公告板预览功能中，用户仅仅被允许上传word。于是，我考虑用js来解决文件的上传类型。这么做可以有效减少网页跟

服务器之间的交互，从而达到降低服务器压力的目的。以下是我的js代码。

 

   function checkType(){
     
     //通过FileUpLoad控件的id得到文件名
  
      var fileName=document.getElementById("FileUpLoad1").value;
      
      //返回文件名中最后一个"."的位置，比如文件名为"javascript.html.exe"，则返回的值为15
  
     var index=fileName.lastIndexOf(".");
    
     //取出从index开始到最后的字符串，赋值给extension（extension就是该文件的类型）并且转换成小写，以上文为例，取出的则是".exe",
     var extension=fileName.substring(index).toLowerCase();
     

     //这里定义允许用户上传的文件类型
      var allowedType =[".doc"];
 
     //判断extension是否存在于allowedType中
 
      for(var i=0;i<allowedType.length;i++){
 
         if(allowedType[i]!=extension){
            return true;
         }
     }
     alert("不支持"+extension+"格式");
     return false;
  } 

 

转载于:https://www.cnblogs.com/gogoSpace/p/3334730.html