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
Libérer: 2024-11-21 06:45:12
original
724 Les gens l'ont consulté

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);
Copier après la connexion

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);
Copier après la connexion

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!

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal