How to get mimeType from HTMLImageElement?

Question

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;

you can use fetch() to preform a HEAD request on the image url, which will give you the mime in the "Content-Type" header it returns. — dandavis, Jun 29 '22 at 06:39

score 1 · Accepted Answer · answered Jun 29 '22 at 07:02

1

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

Extract mime type from base64

Regards, omi

answered Jun 29 '22 at 07:02

omi

How do I get from the `const image = new Image();` to the `file` required in your answer? – luckydonald Aug 08 '23 at 13:59

1 Answers1