Convert image from clipboard to base64 encoded data with JavaScript

Asked Jun 25 '12 at 17:25

Active Dec 24 '12 at 07:28

Viewed 2,650 times

I want to be able to take a screenshot and then just simply paste it to the textarea field which would then turn the image into base64 encoded string. Then I could easily put it inside img elements src attribute.

Reason I want it this way is because I dont want to be forced to upload image itself somewhere nor be forced to save it, just copy and paste.

I have seen something like this at some site somewhere so I know its possible, I just dont know how its done and cant find the site anymore...

edited Jun 25 '12 at 17:29

sachleen

30,730
8
78
73

asked Jun 25 '12 at 17:25

Pehmolelu

3,534
2
26
31

What do you have so far? How are you taking the screenshot? – sachleen Jun 25 '12 at 17:29
Check out my answer or this [fiddle](http://jsfiddle.net/pimvdb/zTAuR/). Paste the image, and you get alerted with the base64 data/png. :) – Praveen Kumar Purushothaman Jun 25 '12 at 17:33
@sachleen, just a normal screenshot. Praveen already gave working answer :) – Pehmolelu Jun 25 '12 at 17:37

Convert image from clipboard to base64 encoded data with JavaScript

0 Answers0