Heim > Web-Frontend > js-Tutorial > Wie extrahiere ich den Dateinamen aus einem URL-Pfad mit JavaScript?

Wie extrahiere ich den Dateinamen aus einem URL-Pfad mit JavaScript?

Mary-Kate Olsen
Freigeben: 2024-11-21 06:45:12
Original
739 Leute haben es durchsucht

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

Letztes Segment der URL mit JavaScript: Abrufen des Dateinamens aus einem URL-Pfad

Das bereitgestellte Skript erfasst das Klickereignis auf Ankertags und Zeigt die vollständige URL des angeklickten Tags in einem Warnfeld an. Der Benutzer möchte jedoch nur den Dateinamen (letztes Segment) aus der URL anzeigen.

Um dies zu erreichen, besteht eine Methode darin, die URL mithilfe der Funktion „split()“ in Segmente aufzuteilen:

let fileName = window.location.href.split("/").pop();
alert(fileName);
Nach dem Login kopieren

Dadurch wird ein Array von Segmenten erstellt und das letzte Segment abgerufen, das den Dateinamen darstellt.

Alternativ können Sie die Funktionen substring() und lastIndexOf() verwenden, um den Dateinamen zu extrahieren:

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

Dieser Ansatz lokalisiert das letzte Vorkommen des Zeichens „/“ in der URL und extrahiert dann die Teilzeichenfolge ab dieser Position.

Durch die Verwendung einer dieser Methoden können Sie dies effizient tun Extrahieren Sie einfach den Dateinamen aus der URL und zeigen Sie ihn an, um die gewünschte Funktionalität bereitzustellen.

Das obige ist der detaillierte Inhalt vonWie extrahiere ich den Dateinamen aus einem URL-Pfad mit JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage