使用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 images = document.getElementsByTagName('img');

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

Answer 2

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 3

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

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

Answer 4

如果您使用的是 jQuery >= 1.1：

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