How to convert an image object to a binary blob

Question

Is it possible to parse an image object (<img>) in the DOM as if it had been uploaded and opened with FileReader? I am trying to use jpegmeta.js to extract EXIF metadata from JPEGs, but it needs binary strings which are returned by the FileReader.

It might be possible to use XHR to load the image from its URL and parse it with FileReader. However, this would incur a lot of overhead if every image has to be downloaded twice. Another option could have been to use the canvas, but that loses the exif data when converting.

possible duplicate of Get image data in Javascript?

Gajus
– Gajus

2014-03-03 15:04:10 +00:00
Commented Mar 3, 2014 at 15:04 — Gajus
– Gajus, Commented Mar 3, 2014 at 15:04

Community · Accepted Answer · 2017-05-23 11:51:38Z

5

The general consensus seems to be summed up in this answer: Get image data in JavaScript?

So if you need the exif data, you'll need to use the XHR technique. Hopefully the browser will have the image cached, so it won't be too much of a performance hit. Otherwise the canvas technique should do the job.

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered Dec 28, 2012 at 13:40

Alex Ghiculescu

7,5403 gold badges29 silver badges42 bronze badges

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

Collectives™ on Stack Overflow

How to convert an image object to a binary blob

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related