判断上传文件 （是否为空、格式是否满足）

今天小项目中上传文件中用到了上传文件，并对上传文件进行判断不符合的无法上传。

分两步来做：（1）、判断是否选择了上传文件。

                            ① 如果未选择直接结束操作，

                            ②如果选择后进行步骤 （2）

                    （2）、检查是否为指定类型。

 给 form加个属性 onsubmit="return check()"

首先引入jQuery文件。我的是在WebRoot文件夹下新建了一个plugins文件夹，放入jquery-1.8.3.min.js。对应的路径如下：

<!-- Javascript -->
<script type="text/javascript" src="plugins/jquery-1.8.3.min.js"></script>

<script>

（1）、 检查是fileName否选择上传文件（选择的文件是否为空）
function check(){
var fileName= document.getElementById("file_id").value;
if(fileName.length==0)
{
alert("请选择上传");
return false;
}

if(!checkisExcel(fileName)){       //此处调用checkisExcel函数来判断文件格式是否符合要求。
    return false;
    }else{
    return true;
    }  
}

//参考原链接：https://zhidao.baidu.com/question/987131567972054619.html

（2）、判断文件上传是否是图片

function checkisExcel(fileName){
   if(fileName!=null && fileName !=""){
    //lastIndexOf如果没有搜索到则返回为-1
   if (fileName.lastIndexOf(".")!=-1) {
     var fileType = (fileName.substring(fileName.lastIndexOf(".")+1,fileName.length)).toLowerCase();
     var suppotFile = new Array();
        suppotFile[0] = "jpg";
        suppotFile[1] = "jpeg";
        suppotFile[2] = "png";
     for (var i =0;i<suppotFile.length;i++) {
      if (suppotFile[i]==fileType) {
           return true;
        } else{
           continue;
         }
       }
             alert("文件类型不合法,只能是jpg、jpeg、png类型！");
             return false;
        } else{
             alert("文件类型不合法,只能是 jpg、jpeg、png 类型！");
         return false;
         }
    }
} 

   //原文参考链接：http://blog.csdn.net/majian_1987/article/details/8136956

</script>