用后备图片替换破碎的img

时间:2018-06-14 12:45:47

标签: javascript onerror

这很简单:如果到pic的链接被破坏,备份链接就会进入。我已经用Google搜索了它,它应该是直截了当但我无法让它工作。我需要在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)。根据大多数情况,互联网这是常见的解决办法,但不适合我。

解决这个问题的任何线索?

1 个答案:

答案 0 :(得分:1)

您应该在回退网址周围加上引号(假设其余代码正常工作)。

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

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