Как проверить, если 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

Решение: jQuery / JavaScript для замены поврежденных изображений

Это первый удар не только по переполнению стека, но и по Google ...

Answer 3

Вы можете проверить последний символ в атрибуте src, чтобы увидеть, является ли он '/' или нет ...

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

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

Answer 4

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

Answer 5

$(yourImg).attr("src") вернет вам (или позволит вам установить) URL-адрес изображения в виде строки, чтобы вы могли затем сравнить его со значениями, упомянутыми выше.

Answer 6

Чек $("img.test").attr("src")