Read blob as data url in JavaScript

Question

I'm making a paste image from clipboard function then I need to convert blob data to base64 encoded data url, here's the code:

function handlepaste (event, e) { 
    var items = e.clipboardData.items;
    event.innerHTML = items[0].getAsFile();
    FileReader.readAsDataURL( event.innerHTML );

   if (event.childNodes && event.childNodes.length > 0) {
   $('body').append( event.innerHTML );
   }
    if (e.preventDefault) {
            e.stopPropagation();
            e.preventDefault();
    }
    return false;
}

but the code's not working for me, Chrome console log says:

Uncaught TypeError: Object function FileReader() { [native code] } has no method 'readAsDataURL'

How can I turn [object Blob] to data:image/png;base64,iVBORw...?

stackoverflow.com/questions/11850970/…

Artyom Neustroev
– Artyom Neustroev

2013-03-06 09:30:56 +00:00
Commented Mar 6, 2013 at 9:30 — Artyom Neustroev
– Artyom Neustroev, Commented Mar 6, 2013 at 9:30

Abraham Hamidi · Accepted Answer · 2014-02-07 22:11:01Z

3

I think you haven't instantiated FileReader properly: var file_reader = new FileReader();

And then use file_reader.readAsDataURL(...)

edited Feb 7, 2014 at 22:11

Abraham Hamidi

13.9k3 gold badges39 silver badges52 bronze badges

answered Mar 6, 2013 at 9:29

bgusach

15.4k15 gold badges59 silver badges74 bronze badges

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

Collectives™ on Stack Overflow

Read blob as data url in JavaScript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related