How can I get the base64 string of an image using JS

Question

I'm trying to get the base64 string of an image using only javascript.

This has to work only on firefox 3.5+ since it's a greasemonkey script.

I can't use the canvas workaround since it's on a another server and this throws a security exception.

Thanks for any idea.

rsp · Accepted Answer · 2011-02-28 15:23:35Z

3

Maybe there's a more elegant solution but you can create a canvas with the dimensions of your image, use drawImage to put your image on the canvas, use toDataURL with the MIME type that you want and get a data: URL which will be something like "data:image/png;base64," and then the base64 representation of the image in a given format.

Oh, I've just read that it's on another server. Then you can't have the base64. Sorry. The only information you can get are the dimensions.

answered Feb 28, 2011 at 15:23

rsp

112k31 gold badges209 silver badges185 bronze badges

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

Comments

bmaeser · Accepted Answer · 2011-02-28 14:54:56Z

-1

base64.js is what you are looking for

answered Feb 28, 2011 at 14:54

bmaeser

1,0008 silver badges13 bronze badges

Collectives™ on Stack Overflow

How can I get the base64 string of an image using JS

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related