Comment obtenir un nom d'image en utilisant jQuery?

Laisser dit que j'ai :

<img src='static/images/banner/blue.jpg' />

À l'aide de jQuery, comment pourrais-je obtenir le blue données ?

Si j'utilise $('img').attr('src')je peux obtenir l'ensemble de l'URI. Dans ce cas, quelle est la meilleure façon de supprimer l'extension et tout le chemin ?

source d'informationauteur lepix

  1. 22

    Il ya un couple de gotcha ici - fichiers locaux peuvent utiliser les autres slash ('\') dans le chemin d'accès, et certains noms de fichiers peut avoir de hachage ou de recherche queues défini, ou de ne pas avoir une extension.

    String.prototype.filename=function(extension){
    var s= this.replace(/\\/g, '/');
    s= s.substring(s.lastIndexOf('/')+ 1);
    return extension? s.replace(/[?#].+$/, ''): s.split('.')[0];
}

console.log($('img').attr('src').filename());
  2. 9

    Regex sera votre meilleur ami ici...

    var filename = fullUri.replace( /^.*?([^\/]+)\..+?$/, '$1' );

  3. 8

    Juste diviser la chaîne:

    var src = $('img').attr('src'); //"static/images/banner/blue.jpg"
var tarr = src.split('/');      //["static","images","banner","blue.jpg"]
var file = tarr[tarr.length-1]; //"blue.jpg"
var data = file.split('.')[0];  //"blue"
  4. 7
    var src = $('img').attr('src').split('/');
var file = src[src.length - 1];

    Devrait fonctionner

  5. 3

    Dire que nous en avons:

    <img src="path/to/awesome/image/foobar.jpg" />

    Voici ce que nous faisons pour extraire le nom du fichier:

    Array.prototype.filename = function() {
   var tmp = this.split('/');
   return tmp[tmp.length-1].match(/(.*)\.[\w]+$/)[1];
});

$('img').attr('src').filename();

    Résultat:

    console.log(name); //foobar
  6. 2
    src = $('img').attr('src');
src_array = src.split('/');
src = src_array[src.length-1];
  7. 1
    var src= $('img').attr('src');

var name = src.match(/static\/images\/banner\/(.*)\.jpg/)[1];