Проверка URL изображений из API в Javascript

Question

Я получаю массив изображений URL от API, но некоторые из них не работают. Есть ли способ проверить их, чтобы убедиться, что они не сломаны, прежде чем добавлять их в DOM?

Answer 1

???

function imgURL_checker (obj_URL_ChildNode_Arr)
    {
    var iterator=0, l=obj_URL_ChildNode_Arr.length,
        img=document.createElement ("img");

    function load ()
        {
        obj_URL_ChildNode_Arr[iterator].childNode.appendChild (img.cloneNode ());
        iterator++;
        next ();
        }

    function error ()
        {
        console.log ("URL not found: "+img.src);
        iterator++; 
        next ();
        }

    function next ()
        {
        if (iterator<l) img.src=obj_URL_ChildNode_Arr[iterator].url;
        else
            {
            console.log ("finished");

            //-- destroy
            img.removeEventListener ("load" ,load);
            img.removeEventListener ("error",error);
            img=null;
            }
        }

    img.addEventListener ("load",load);
    img.addEventListener ("error",error);
    next ();
    }

imgURL_checker ([{url:"https://cdn.pixabay.com/photo/2014/04/02/10/42/kitties-304268__340.png",childNode:document.body},{url:"http://___",childNode:document.body},{url:"https://cdn.pixabay.com/photo/2014/12/21/23/58/fox-576494__340.png",childNode:document.body}]);