仅从第二次尝试开始正确加载图像

Question

HTML中的SCRIPT TAG

for(var i=1;i<11;i++)
{
var pagenumber = localStorage["pageno"];
var sum = Number.parseInt(pagenumber) + i;
var sumout = sum.toString();
display(sumout);
displayimg(sumout);
}

JS

function displayimg(inputx)
  {
    firestore.collection("products").where("OrderNo", "==", inputx)
    .get()
    .then(function (querySnapshot) {
        querySnapshot.forEach(function (doc) 
        {
            var Nameout = doc.get("Name");
            var path = 'products/' + inputx + '-' + Nameout;
            tangRef = storageRef.child(path);
            firebase.auth().signInAnonymously().then(function () {

                tangRef.getDownloadURL().then(function (url) {

                    var imagetag = "img[name='img_"+inputx+"']";

                    document.querySelector(imagetag).src = url;

                }).catch(function (error) {
                    console.error(error);
                });
            });
        })
    })
}

图片标记

<img name="img_8" alt="alternative" src="Error.src" onerror="this.src='defaultimage.jpg'">

当我清除缓存后第一次运行它时，它会在每个图像标记中加载相同的图像，但是当我重新加载它时，它会正确加载所有图像。我没有任何线索导致这个