Maison > interface Web > js tutoriel > le corps du texte

Comment obtenir le suffixe d'un fichier avec jquery

藏色散人
Libérer: 2020-11-30 16:38:03
original
3664 Les gens l'ont consulté

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

Comment obtenir le suffixe d'un fichier avec 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()) : '';
Copier après la connexion

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"){ 
                
     }
Copier après la connexion

获取文件名和后缀:

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

     var arr = sFileName.split('.');
     alert(arr[0]);
Copier après la connexion

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

    var name= sFileName.substr(0,sFileName.length-4)
Copier après la connexion

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

    var sFileName=sFile.replace(/.*(\/|\\)/, "");
Copier après la connexion

去掉后缀:

Js代码

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!