重试使用javascript加载图片[重复]

我有这个脚本来加载图像

function loadImage(URL) {
    var img = new Image();
    img.onerror = () => alert('image not found');
    img.src = URL;
}

loadImage("http://example.com/bar.jpg");

如何重试几次以加载图像,然后在出现错误时失败?

顺便说一句我正在使用反应。如果有办法做到这一点。更好!

评论
Haley
Haley

你可以试试看

let count=1;const total=5;let url="";
function retry(){
    if(count<=total){
        console.log("try "+url+ " for the "+count+".time")
        count++; loadImage(url)
     }
     else{alert("not found")}
}

function loadImage(URL) {
    url=URL;
    var img = new Image();
    img.onerror = () =>  retry() ;
    img.src = URL;
}

loadImage("http://example.com/bar.jpg");
点赞
评论
薄荷凉
薄荷凉

你可以尝试这样的事情

function loadImage(URL, retries = 5) {
    var img = new Image();
    img.onerror = () => {
      if (retries){
        loadImage(URL, retries -1);
      } else {
        alert('image not found');
      }
    }
    img.src = URL;
}

loadImage("http://example.com/bar.jpg");
点赞
评论