Converting an image to binary in javascript using base64

Question

I have to convert an image to binary for storing it through IPFS and retrieve it again as a viewable image.

I should do this with javascript code. Does any body have any clear example of how to do this? Will Base64 help me?

Thanks in advance

Have you made some research before posting? I'm pretty sure you can find something. — sjahan
– sjahan, Commented Jul 26, 2018 at 7:49
Possible duplicate of How to convert image into base64 string using javascript — sjahan
– sjahan, Commented Jul 26, 2018 at 7:49

score 11 · Accepted Answer · 2018-07-26 08:06:21Z

11

Use File Reader:

/******************for base 64 *****************************/
function uploadFile(inputElement) {
  var file = inputElement.files[0];
  var reader = new FileReader();
  reader.onloadend = function() {
    console.log('Encoded Base 64 File String:', reader.result);
    
    /******************* for Binary ***********************/
    var data=(reader.result).split(',')[1];
     var binaryBlob = atob(data);
     console.log('Encoded Binary File String:', binaryBlob);
  }
  reader.readAsDataURL(file);
}

<input type="file" onchange="uploadFile(this)" />

Collectives™ on Stack Overflow

Converting an image to binary in javascript using base64

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