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'; 
});