首页 > web前端 > js教程 > jquery如何获取文件后缀

jquery如何获取文件后缀

藏色散人
发布: 2020-11-30 16:38:03
原创
3695 人浏览过

jquery获取文件后缀的方法:1、使用正则表达式“(/[.]/.exec(filename)) ? /[^.]+$/.exec(filename.toLowerCase()):'';”获取文件后缀;2、通过Js代码获取文件后缀。

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如何获取文件后缀的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板