Breaking News: Grepper is joining You.com. Read the official announcement!

base64 to blob javascript

Add Answer

YOU.com answered on November 9, 2020 Popularity 9/10 Helpfulness 5/10

answer base64 to blob javascript

related blob to base64 javascript

related convert base64 url to blob in javascript

related base64 to blob

related base 64 to blob

base64 to blob javascript

Comment

-1

function base64ToBlob(base64Data, contentType) {
  contentType = contentType || '';
  var sliceSize = 1024;
  var byteCharacters = window.atob(base64Data);
  var byteArrays = [];
  for (var offset = 0; offset < byteCharacters.length; offset += sliceSize) {
    var slice = byteCharacters.slice(offset, offset + sliceSize);
    var byteNumbers = new Array(slice.length);
    for (var i = 0; i < slice.length; i++) {
      byteNumbers[i] = slice.charCodeAt(i);
    }
    var byteArray = new Uint8Array(byteNumbers);
    byteArrays.push(byteArray);
  }
  return new Blob(byteArrays, { type: contentType });
}

// Example usage:
var base64String = "<base64_encoded_data>";
var blob = base64ToBlob(base64String, "image/jpeg");
console.log(blob);

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 11 2023

YOU.com

0 Answers Avg Quality 2/10

Closely Related Answers

blob to base64 javascript

Comment

function blobToBase64(blob, callback) {
  var reader = new FileReader();
  reader.onload = function() {
    var dataUrl = reader.result;
    var base64 = dataUrl.split(',')[1];
    callback(base64);
  };
  reader.readAsDataURL(blob);
}

// Usage
var blob = ... // the blob object you want to convert
blobToBase64(blob, function(base64) {
  console.log(base64);
});

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 11 2023

YOU.com

0 Answers Avg Quality 2/10

convert base64 url to blob in javascript

Comment

convert base64 url to blob in javascript

const url = 'data:image/png;base6....';
fetch(url)
  .then(res => res.blob())
  .then(blob => {
    const file = new File([blob], "File name",{ type: "image/png" })
  })

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: base64 ba

Link to this answer
Share Copy Link

Contributed on Feb 19 2023

Uptight Unicorn

0 Answers Avg Quality 2/10

base64 to blob

Comment

const byteCharacters = atob(b64);
const byteNumbers = new Array(byteCharacters.length);
for (let i = 0; i < byteCharacters.length; i++) {
  byteNumbers[i] = byteCharacters.charCodeAt(i);
}
const byteArray = new Uint8Array(byteNumbers);
const blob = new Blob([byteArray], {type: 'audio/mp3'});

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: base64 ba

Link to this answer
Share Copy Link

Contributed on Nov 09 2020

Worried Wolf

0 Answers Avg Quality 2/10

base 64 to blob

Comment

export const base64ToBlob = (base64String, mimeType) => {
  // Remove data URI prefix if present
  const base64WithoutPrefix = base64String.replace(/^data:[^;]+;base64,/, '');

  // Replace invalid characters and decode
  const cleanedBase64 = base64WithoutPrefix.replace(/[^A-Za-z0-9+/]/g, '');
  const byteCharacters = atob(cleanedBase64);

  const byteNumbers = new Array(byteCharacters.length);
  for (let i = 0; i < byteCharacters.length; i++) {
    byteNumbers[i] = byteCharacters.charCodeAt(i);
  }

  const byteArray = new Uint8Array(byteNumbers);
  return new Blob([byteArray], { type: mimeType });
};

Popularity 8/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: base blob

Link to this answer
Share Copy Link

Contributed on Apr 24 2024

Shubham Kunwar

0 Answers Avg Quality 2/10

base64 to blob javascript

Contents

More Related Answers

base64 to blob javascript

Closely Related Answers

blob to base64 javascript

convert base64 url to blob in javascript

base64 to blob

base 64 to blob

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.