Maison >interface Web >js tutoriel >Comment extraire le nom de fichier d'un chemin URL avec JavaScript ?

Comment extraire le nom de fichier d'un chemin URL avec JavaScript ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-11-21 06:45:12739parcourir

How to Extract the File Name from a URL Path with JavaScript?

Dernier segment d'URL avec JavaScript : obtenir le nom de fichier à partir d'un chemin d'URL

Le script fourni capture l'événement de clic sur les balises d'ancrage et affiche l'URL complète de la balise cliquée dans une boîte d'alerte. Cependant, l'utilisateur souhaite afficher uniquement le nom du fichier (dernier segment) de l'URL.

Pour y parvenir, une méthode consiste à diviser l'URL en segments à l'aide de la fonction split() :

let fileName = window.location.href.split("/").pop();
alert(fileName);

Cela créera un tableau de segments et récupérera le dernier segment, qui représente le nom du fichier.

Vous pouvez également utiliser les fonctions substring() et lastIndexOf() pour extraire le nom du fichier :

let fileName = this.href.substring(this.href.lastIndexOf("/") + 1);
console.log(fileName);

Cette approche localise la dernière occurrence du caractère "/" dans l'URL, puis extrait la sous-chaîne à partir de cette position.

En utilisant l'un des ces méthodes, vous pouvez efficacement extraire et afficher uniquement le nom du fichier à partir de l'URL, offrant ainsi la fonctionnalité souhaitée.

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!

Déclaration:
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