Convert image to base64 javascript on firefox

Question

I need to convert image that are in a webpage to base64 over greasemonkey or firefox .xpi extension. How can i do it? I know that i have btoa() function, but i only can use it with strings, not with images. Little help here. Thanks.

stewe · Accepted Answer · 2011-08-28 23:21:35Z

3

You could use the canvas element and draw the image using drawImage() onto it, then use toDataURL() to get the base64 encoded image.

see: https://developer.mozilla.org/en/html/canvas

answered Aug 28, 2011 at 23:21

stewe

42.8k13 gold badges82 silver badges77 bronze badges

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

4 Comments

Buterrip Over a year ago

In order to use canvas element this would not be fine, because i'm doing a script to interact with another page. There's not another way? Or can i use that functions without calling canvas element?

stewe Over a year ago

Maybe there is another way, but for those functions mentioned, you need a canvas element

Buterrip Over a year ago

Ok, could you please give me a example?

stewe Over a year ago

Found a good example here: stackoverflow.com/questions/934012/get-image-data-in-javascript/…

Collectives™ on Stack Overflow

Convert image to base64 javascript on firefox

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related