Изменение атрибута src тега изображения с помощью JavaScript

Question

Я пытаюсь выполнить поиск / замену атрибута src тега изображения, чтобы удалить часть имени файла изображения.Я предполагаю, что мне нужно использовать str.replace(), но я не уверен, как написать регулярное выражение, чтобы выполнить то, что я пытаюсь сделать.

Атрибут src в настоящее время

http://domain.com/path/to/file/D063DC58-6051-4B24-8CDC-D4525F72A150_tn.jpg

, где /to/file/xxxxxxx_tn.jpg будет меняться, а имя файла всегда заканчивается на _tn.jpg.Я хотел бы удалить _tn из каждого экземпляра на странице.

Answer 1

var srcValue = "http://domain.com/path/to/file/D063DC58-6051-4B24-8CDC-D4525F72A150_tn.jpg";

var newSrcValue = srcValue.replace(/[A-Z0-9\-]+_tn/, 'xxxxx_tn');

Answer 2

var images = document.getElementsByTagName('img');

for (var i = 0; i < images.length; i++) {
    images[i].src = images[i].src.replace('_tn.jpg', '.jpg');
}

Answer 3

, если вы используете jQuery> = 1.1:

$("img").attr("src", function(i, val) {
    return val.replace("_tn.jpg", ".jpg");
});

Answer 4

Вам не нужно использовать регулярное выражение.

referenceToImage.src = referenceToImage.src.replace('_tn', '');