Получить имя (название) картинки — jQuery

Получить имя (название) картинки — jQuery

Частенько наши страницы или сайты содержат разные красивые изображения. При этом они могут быть вставлены как с помощью тега img, так и выведены средствами css. Недавно столкнулся с необходимостью получить имя изображения. Под именем изображения я понимаю название файла без расширения. Например, если картинка вставлена вот так:

<img src="/files/image.jpg">

То именем файла будет image. Давайте разберемся, как его можно получить средствами jQuery.

Полный путь файла можно получить с помощью атрибута src. Делается это вот так:

var src = $('img').attr('src');

Но он вернет путь к файлу и название файла с расширением. Теперь нам предстоит убрать лишнее и оставить только имя файла. Для этого напишем небольшую функцию:

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

Теперь, чтобы получить имя файла, достаточно сделать следующий вызов:

var name = src.filename();

Вот и все. Полный код примера:

String.prototype.filename=function(extension){
	var s= this.replace(/\\/g, '/');
	s= s.substring(s.lastIndexOf('/')+ 1);
	return extension? s.replace(/[?#].+$/, ''): s.split('.')[0];
}
var src = $('img').attr('src');
var name = src.filename();
26.03.17
Для просмотра сайта обновите браузер.