Detect mime type of an image via Javascript

Question

i am detecting images on my webpage with javascript document.images function which returns an rray of images. Is there any way to get the mime type of the image from this since i am not using any extension names on images which are loading?

Just curious - why do you need that information in javascript? — Sripathi Krishnan
– Sripathi Krishnan, Commented May 6, 2010 at 19:47
@SripathiKrishnan Detecting gifs and replacing them with placeholders comes into mind … — Jonas Schäfer
– Jonas Schäfer, Commented Jul 22, 2014 at 18:49

Mitch Dempsey · Accepted Answer · 2010-05-06 19:41:05Z

4

I don't think this is possible, apart from requesting the image again in jQuery and trying to use a MIME type check on the data. (You might be able to send a HEAD request and get whatever Content-type was returned)

answered May 6, 2010 at 19:41

Mitch Dempsey

40.3k6 gold badges72 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dormilich Over a year ago

an AJAX HEAD request is the only thing I too can think of.

jeromej · Accepted Answer · 2014-10-23 13:34:53Z

0

According with other answers, I got pretty surprised to find out it was apparently not possible without requesting the image again. (??? That seems weird to me but oh well…)

Another hacky-but-might-be-enough-for-your-use-case-solution that comes in my mind would be to:

Parse the img.src in an attempt of guessing the file type.

"Guessing?" you may ask…
Yes because the extension might not be included in the src or could be misleading.

answered Oct 23, 2014 at 13:34

jeromej

12k3 gold badges46 silver badges66 bronze badges

Collectives™ on Stack Overflow

Detect mime type of an image via Javascript

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related