Question 73178 in Reactjs Question posted in
The new location for the React Documentation can be found here.

How to convert Image from Url to base64 in react js – Reactjs

I am getting Url of images from firebase storage and want to convert these images to base64

Tags:

2

Answers


  1. 0

    Give it a go:

    var request = require('request').defaults({ encoding: null });

request.get(/* URL FIREBASE */, function (error, response, body) {
    if (!error && response.statusCode == 200) {
        data = Buffer.from(body).toString('base64');
        console.log(data);
    }
});
    Login or Signup to reply.
  2. 0

    Client side js. With FileReader and fetch.

    const base64 = await fetch('https://i.imgur.com/gBi0yjr.png')
  .then(response => response.blob())
  .then(blob => {
    const reader = new FileReader();
    reader.readAsDataURL(blob);
    return new Promise((res) => {
      reader.onloadend = () => {
      res(reader.result);
    }})
  })
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search