使用javascript修改图像标记的src属性

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

您不需要使用正则表达式。

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

Answer 4

如果您使用的是jQuery＆gt; = 1.1：

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