[FIXED] How to get mimeType from HTMLImageElement?

Issue

I checked MDN docs about HTMLImageElement.

But i couldn't find any information about mimeType.

I was able to find few docs about how to get mineType from File Object

But i need to get mimeType from url string

In my javascript logic i actually load the source to create Image object.
I hope i can find mimeType from this.

       const image = new Image();
       image.addEventListener("load", () => callBack(image));
       image.src = url;

Solution

Convert image to base64. The base64 string has mime type in the start. Extract mime type from that string. Check the below links.

Convert image to base64

https://www.codegrepper.com/code-examples/javascript/how+to+convert+image+to+base64+in+javascript

Extract mime type from base64

How to get MIME-TYPE from Base 64 String?

Regards, omi

Answered By - omi

Answer Checked By - David Goodson (PHPFixing Volunteer)