Error Uploading HDR

[discodevl]

Im having issues to upload a HDR to a model-viewer

async function hdrUpload(event) {
    const hdr = await URL.createObjectURL(event.target.files[0]);
    console.log(hdr);
    document.querySelector("model-viewer").environmentImage = hdr;
  }

<input type="file" accept=".hdr" onChange={hdrUpload} />

The HDR isnt applied and it gives me an Uncaught (in promise) error in the console:

How can I make this function properly apply the HDR to the model-viewer?

[elalish]

Hmm, it's a bit hard to tell; I think you'll have to break on exceptions to see what the real problem is. We do something just like this in our space-opera package for our editor, so looking at that code may help you.

[harowosegbe]

Apparently, if the URL does not have a ".hdr" extension at the ending it will throw this error.

[elalish]

You may also want to search the source of our editor (space-opera package in this repo). We upload and apply HDR images and it works, so you may find an answer there.