用后备图片替换损坏的 img

Question

这真的很简单：如果图片的 link 损坏了，备份 link 会介入。我已经用谷歌搜索了这个，它应该是直截了当的，但我无法让它工作.我需要将它添加到 Javascript 中，这是我一直试图修复它的行：

var issuePicFront = document.createElement("img");
issuePicFront.id = "first" + count;
issuePicFront.src = issues[count].images.imageFront;
issuePicFront.onerror="this.src=replacePic";
var replacePic = https://www.jordans.com/~/media/jordans%20redesign/no-image-found.ashx?h=275&la=en&w=275&hash=F87BC23F17E37D57E2A0B1CC6E2E3EEE312AAD5B

我仍然得到 404 (Not found)。根据大多数 och internetz 的说法，这是常见的解决方案，但对我不起作用。

有解决这个问题的线索吗？

Answer 1

您应该在回退 URL 周围加上引号（假设其余代码有效）。

我还建议将错误处理程序更改为函数，如下所示：

issuePicFront.onerror=function(e){
   var replacePic = '<URL>'
   this.src=replacePic;
};

用后备图片替换损坏的 img

Replace broken img with fallback picture

javascript

onerror