jQuery - 如何檢查img src是否缺少文件名？

Question

我有一個<img>：

<img src="http://example.com/mmm/01.jpg" class="test"> 

如何檢查如果src缺少01.jpg並與其他圖像代替它呢？

基本上

if (img src is 'http://example.com/mmm/') { 
    replace src with 'http://example.com/mmm/test.jpg' 
} 

Answer 1

像這樣的東西應該工作：

var $img = jQuery("#myImg"); 
var src = $img.attr("src"); 

// if you have more image types, just add them to the regex. 
// I've used png and jpg as examples 
if(!/\.(jpg|png)$/.test(src)) { 

    var img = "test.jpg"; 

    // to see if the src url ends with/or not 
    if(!/\/$/.test(src)) { 
     img = "/" + img; 
    } 

    $img.attr("src", src + img); 
} 

Answer 2

檢查$("img.test").attr("src")

Answer 3

$(yourImg).attr("src")將返回（或允許您設置）的URL圖像作爲一個字符串，然後你可以將其與上面提到的值進行比較。

Answer 4

解決方案：jQuery/JavaScript to replace broken images

這是先打不只是在堆棧溢出，但在谷歌，以及...

Answer 5

您可以檢查src屬性中的最後一個字符，以查看它是否爲'/'或不...

var img = $("img.test"); 
var src = $(img).attr("src"); 

if (src.lastIndexOf("/")+1 == src.length){ 
    $(img).attr("src",src+"test.jpg"); 
} 

Answer 6

// Can 'fix' many imgs at once (with the appropriate logic in the body) 
$('img').attr('src',function(i,src){ 
    // If it's a JPG, leave it alone, otherwise... 
    return /jpe?g$/.test(src) ? src : 'http://example.com/mmm/test.jpg'; 
});