jquery如何获取文件后缀

推荐：《jquery视频教程》

本教程操作环境：windows7系统、jquery3.2.1版本，该方法适用于所有品牌电脑。

jQuery 获取文件后缀的方法

方法一、

采用正则表达式:

Js代码

var file=$("input[name='file']").val(); 
var filename=file.replace(/.*(\/|\\)/, ""); 
var fileExt=(/[.]/.exec(filename)) ? /[^.]+$/.exec(filename.toLowerCase()) : '';

登录后复制

filename得到文件名

fileExt得到后缀名

方法二、

Js代码

var location=$("input[name='file']").val(); 
     var point = location.lastIndexOf("."); 
       
     var type = location.substr(point); 
     if(type==".jpg"||type==".gif"||type==".JPG"||type==".GIF"){ 
                
     }

登录后复制

获取文件名和后缀：

1. 用split()来拆成数组 然后取下标0的。

     var arr = sFileName.split('.');
     alert(arr[0]);

登录后复制

2.使用一般后缀长度为4的特点：

    var name= sFileName.substr(0,sFileName.length-4)

登录后复制

3.获取文件名的正则表达式：

    var sFileName=sFile.replace(/.*(\/|\\)/, "");

登录后复制

去掉后缀:

Js代码

<script > 
$(document).ready(function(){ 
 var a=$("#image").attr("src") 
 alert(a.replace(".png","")) 
 }) 
</script> 
<img alt="aaa" id="image" src="theImage.png" />

登录后复制

以上就是jquery如何获取文件后缀的详细内容，更多请关注Work网其它相关文章！