Rumah > hujung hadapan web > tutorial js > jquery如何获取文件后缀

jquery如何获取文件后缀

藏色散人
Lepaskan: 2020-11-30 16:38:03
asal
3732 orang telah melayarinya

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()) : '';
Salin selepas log masuk

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"){ 
                
     }
Salin selepas log masuk

获取文件名和后缀:

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

     var arr = sFileName.split('.');
     alert(arr[0]);
Salin selepas log masuk

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

    var name= sFileName.substr(0,sFileName.length-4)
Salin selepas log masuk

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

    var sFileName=sFile.replace(/.*(\/|\\)/, "");
Salin selepas log masuk

去掉后缀:

Js代码

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

Atas ialah kandungan terperinci jquery如何获取文件后缀. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan