使用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

您不需要使用正則表達式。

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

Answer 3

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 4

如果正在使用jQuery> = 1.1：

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