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;

   }

}

评论

4 楼 rainsilence 2013-06-17  

Josh_Persistence 写道

rainsilence 写道

javascript做不了这个。用文件名来判断是没有意义的。因为1。文件名可以修改，2。ie8下取文件名是取不到的。

你的博客内容太多，不知道是哪篇。另外我已经测试过了，IE8我上面的方法是work的。

1。ie8里面有个设置。可以将你的输入路径变掉http://yunzhu.iteye.com/blog/1116893
2。js验证有个最大的问题，一般水平的人都是可以绕过js直接提交。你js验证不就没用了？

另外，我的blog总共3页，你只要再翻两页就可以看到。但是，如果你连这个耐心也没有，我劝你还是放弃技术吧。

3 楼 Josh_Persistence 2013-06-17  

rainsilence 写道

javascript做不了这个。用文件名来判断是没有意义的。因为1。文件名可以修改，2。ie8下取文件名是取不到的。

你的博客内容太多，不知道是哪篇。另外我已经测试过了，IE8我上面的方法是work的。

2 楼 rainsilence 2013-06-17  

我的blog里写的清清楚楚

1 楼 Josh_Persistence 2013-06-17  

rainsilence 写道

javascript做不了这个。用文件名来判断是没有意义的。因为1。文件名可以修改，2。ie8下取文件名是取不到的。

那你有更好的方法吗？不用文件名来判断后缀，用什么来判断后缀呢？