Comment tirer le nom de fichier à partir d'une url à l'aide de javascript/jquery?

Une variable peut contenir un chemin d'accès relatif ou un chemin d'accès absolu. De toute façon, j'ai besoin d'être en mesure de tirer le nom de la variable:

http://www.somesite.com/dir1/dir2/filename.gif
/dir1/dir2/filename.gif

La structure du répertoire est également arbitraire. Donc, fondamentalement, de l'url ci-dessus (avec arbirtrary structure de répertoire) j'ai besoin de l'attraction "filename.gif'. Merci d'avance

InformationsquelleAutor | 2009-08-19
  1. 55
    var index = yourstring.lastIndexOf("/") + 1;
var filename = yourstring.substr(index);
    • est-ce plus rapide que d'utiliser une regex?
    • Je ne sais pas, mais plus compréhensible par un humain
    • Je suis /filename.gif au lieu de filename.gif. L'index doit être incrémenté de 1 avant d'appeler substr.
    • Utilisation slice au lieu de substr: JavaScript: Tranche, sous-Chaîne, ou Substr?
    • Ce qui se passe si les / est un \ comment obtenez-vous le nom de fichier, alors?
    • var index = yourstring.lastIndexOf("\\") + 1;
    • Merci de ne pas utiliser une regex.

    InformationsquelleAutor Gregoire
  2. 26

    Plus court chemin

    var filename = window.location.href.substr(window.location.href.lastIndexOf("/")+1);
    • Ce n'est pas en charge les noms de fichier.php/arctile/slug-nom (il sera de retour slug de nom)
    • Je vous conseille d'utiliser document.URL au lieu de window.location.href lorsque vous êtes seul à la récupération de la valeur.
    • Fonctionne très bien pour moi, merci
    InformationsquelleAutor Rodrigo
  3. 11
    var filename = url.match(/.*\/(.*)$/)[1];
    InformationsquelleAutor CMS
  4. 7
    var filename= url.split('/').pop()
    InformationsquelleAutor rash
  5. 6

    Je voudrais utiliser une expression régulière.

    [^/]*$

    Il sélectionne tout ce qui est après le dernier slash jusqu'à la fin. Vous pouvez l'agrandir pour sélectionner l'extension séparément:

    /([^/]*?)(\.[^\./]*)?$
    • Je trouve cette expression plus claire, mais il n'est pas écrit en JavaScript... Voici la chose entière: url.match('[^/]*$')[0]
    InformationsquelleAutor Thom Smith
  6. 5
    var path = window.location.pathname;
var filename = path.match(/.*\/([^/]+)\.([^?]+)/i)[1];

    L'utiliser dans le cas que vous ne voulez pas que votre chaîne de requête pour être une partie de votre nom de fichier (dont vous n'avez probablement pas).

    • Grande, mais vous pouvez étendre les fonctionnalités de aussi couper les paramètres en fin de compte, y compris un "?" ? Merci
    • peut-être exagéré pour vos besoins, mais cela vous obtiendrez tout ce dont vous avez besoin à partir d'un URI: gist.github.com/1169555
    InformationsquelleAutor kflorence
  7. 3
    var URL = window.location.pathname; //Gets page name
var page = URL.substring(URL.lastIndexOf('/') + 1);  
alert(page);
    InformationsquelleAutor afro360
  8. 2

    Pour vos exemples, sous-chaîne de la recherche sera probablement votre meilleure option.

    Toutefois, si votre Uri sont en fait assez complexe, vous pouvez essayer de Steven Levithan de parseUri:

    parseUri(uri).file;

    Il dispose de 2 modes, et chacun a sa part de bizarreries, alors assurez-vous de découvrez la démo.

    InformationsquelleAutor Jonathan Lonowski
  9. 2
    //Extract filename from current page.
var filePath = window.location.pathname;
var fileName = filePath.substr(urlPath.lastIndexOf("/") + 1);
    InformationsquelleAutor Sam Deng
  10. 2

    J'ai résolu ce problème en ceci:

    var URL = window.location.pathname; //Gets page name
var page = URL.substring(URL.lastIndexOf('/') + 1); 
//then display your filename to console
console.info(page)
    InformationsquelleAutor Via Marie Inte
  11. 1

    Utiliser une expression régulière, quelque chose le long de ces lignes devrait faire l'affaire:

    [^/]+\.[^/]+

    Bien que cela ne couvre pas tous les cas de figure, il devrait être plus que convenable pour la plupart des cas. Vous pouvez utiliser ces:

    var url = window.location.href;
var regex = new RegExp("[^/]+\.[^/]+");
var fileName = regex.exec(url);

    Espère que ça aide

    • Nope. Que les résultats dans un match de ["http:"].
    InformationsquelleAutor LorenVS
  12. 1
    var filename = /[^\\\/:*?"<>|\r\n]+$/i.exec(window.location.href)[0];
    InformationsquelleAutor
  13. 1

    merci sam deng, semble fonctionner, mais vous avez une faute de frappe à mon ami:

    //Extract filename from current page.
var filePath = window.location.pathname;
var fileName = filePath.substr(filePath.lastIndexOf("/") + 1);
    • merci pour votre aide, mais vous devez laisser cela comme un commentaire de la réponse plutôt que de poster un nouveau (dans le futur, vous serez en mesure de vous suggérer une modification à réponses des autres)
    InformationsquelleAutor dwaves.de
  14. 1
        var pathnameArray = window.location.pathname.split("/");
    var nameOfFile = pathnameArray[pathnameArray.length -1];

    Il s'agit probablement d'une surcharge, je ne sais pas quand envisage de faire un tableau et l'utilisation de la substr d'autres l'ont mentionné. Peut-être que ce n'est pas une grande réponse, mais plutôt une approche différente pour résoudre le même problème.

    InformationsquelleAutor ross studtman
  15. 0

    Si vous url comme ceci:

    yourdomain.com/app_dev.php
yourdomain.com/app_dev.php/article/2

    et vous voulez juste tirer fichier (/app_dev.php), de sorte que vous pouvez lier à votre page d'accueil, utilisez ceci:

    var filename = window.location.pathname.substr(0, window.location.pathname.indexOf("/", 1));
window.location = filename;
    InformationsquelleAutor TroodoN-Mike