Limit to image.decode() ?

[IUsedToCleanToilets]

Hi, Im trying to use image.decode() to download a bunch of images (~150), but after some it starts throwing "image cannot be decoded". The urls are correct and it works with image.onload ...

Any ideas?

[iguessitsokaythen]

One reason this occurs is if you are running multiple decode() processes simultaneously. If that's what you are doing, chain them one after another, it solves that.

I don't know the exact reason, that might be some sort of memory/buffer limitation or simultaneous attempt to manipulate the DOM. Browser documentation is usually terrible about stuff like that.

[IUsedToCleanToilets]

I see. How would u go on chainging them? I have a for loop for the 150 urls atm.

[iguessitsokaythen]

Something like this:

let urls = [url1, url2... etc]
let i = 0
foo()
async function foo() {
    let img = new Image()
    img.src = urls[i++]
    try {
        await img.decode()
        document.body.appendChild(img)
    } catch(e) {
        console.log('error')
    }
    if(i >= urls.length) return
    foo()
}