Question

112

Convert file to Base64

rated 0 times [ 118] [ 6] / answers: 1 / hits: 6549 / 4 Years ago, tue, august 4, 2020, 12:00:00

So I am trying to convert a file from tag. This is how my javascript code looks like:

var file = document.getElementById("file").files[0];

if (file) {

  var filereader = new FileReader();

  filereader.readAsDataURL(file);

  filereader.onload = function (evt) {

    var base64 = evt.target.result;

  }

}

That returns undefined.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

irvingcarloe

Add To Favorites

Follow

Total Points: 677

Total Questions: 109

Total Answers: 96

Location: Svalbard and Jan Mayen

Member since Sun, Sep 25, 2022

2 Years ago

irvingcarloe questions

1 Is it better to use multiple states or one state object in React?

Wed, Aug 10, 22, 00:00, 2 Years ago

1 Tailwind classes not working after page refresh in production

Fri, Jun 4, 21, 00:00, 3 Years ago

1 Event listener for dataLayer push events on Tag Manager JS

Wed, Mar 31, 21, 00:00, 3 Years ago

1 How to autoplay audio in any browser?

Fri, Jul 3, 20, 00:00, 4 Years ago

1 How to send the form data up a state using react-hook-form in react?

Wed, Jun 17, 20, 00:00, 4 Years ago

View All

answered 4 Years ago koltonadolfow · Accepted Answer

I think you have missed the return statement in the code.
Replace your function with the following lines:

var file = document.getElementById("file").files[0];

if (file) {

  var filereader = new FileReader();

  filereader.readAsDataURL(file);

  filereader.onload = function (evt) {

     var base64 = evt.target.result;

      return base64

  }

}