How do I make an image load synchronously?

Question

I want to create an object that has an image property, but I want the contstructor to finish running only once the image is loaded. Or to describe this with code:

Answer 1

I wrapped it into function, and it worked!

for (var i = 0, i < asset.length; i++) {

    var img = new Image();
    img.src = "file:///" + folder + "/" + asset[i].name;

    getWdrp(img);

    function getWdrp (img) {
        img.onload = function(){
            // work with the image file
        }
    }
}

This is an example that worked for me, because before, when I was processing the image without wrapping in the function, it would work async, now it is async.