javascript - 如何为 img setAttribute 设置后备图像

Question

我有一个 img 元素:

var photo = document.createElement("img"); 

这是由照片提供的，名称存储在一个对象数组中，所以我像这样“提供”照片:

photo.setAttribute('src', './pics/' + myarray[id].Name + '.jpg');

而且效果很好。

唯一不起作用的是为没有图片的元素设置一个带有默认照片的属性。

我试图在该行上方执行 setAttribute 行，为所有元素设置“默认”图片，希望第二行将用适当的图片替换具有图片的元素，并且保持默认的不变，但是没有...... console.log 仍然显示一条消息，期待一个 name+jpg 方案，它完全忽略了我的前一行(所以我很确定它不是这样工作的)。

因此，如果您的 img 元素通过一个数组包含许多实例，那么将默认图片分配给未指定图片的元素的最佳方法是什么？

谢谢!

Answer 1

你会使用 jQuery 吗？这是您描述的问题的解决方案。如果图像以 404 返回，则它会应用默认图像

http://jsfiddle.net/gunderson/D3DSt/

var photo = document.createElement("img");
photo.setAttribute("id", "myPhoto");
$('body').append(photo);

$("#myPhoto").attr("src", 'alogo3w.png').error(function() {
    $(this).attr("src", "https://www.google.com/images/srpr/logo3w.png");
  })
​