How to convert uint8 Array to base64 Encoded String?

by

If your data may contain multi-byte sequences (not a plain ASCII sequence) and your browser has TextDecoder, then you should use that to decode your data (specify the required encoding for the TextDecoder):

var u8 = new Uint8Array([65, 66, 67, 68]);
var decoder = new TextDecoder('utf8');
var b64encoded = btoa(decoder.decode(u8));

If you need to support browsers that do not have TextDecoder (currently just IE and Edge), then the best option is to use a TextDecoder polyfill.

If your data contains plain ASCII (not multibyte Unicode/UTF-8) then there is a simple alternative using String.fromCharCode that should be fairly universally supported:

var ascii = new Uint8Array([65, 66, 67, 68]);
var b64encoded = btoa(String.fromCharCode.apply(null, ascii));

And to decode the base64 string back to a Uint8Array:

var u8_2 = new Uint8Array(atob(b64encoded).split("").map(function(c) {
    return c.charCodeAt(0); }));

If you have very large array buffers then the apply may fail and you may need to chunk the buffer (based on the one posted by @RohitSengar). Again, note that this is only correct if your buffer only contains non-multibyte ASCII characters:

function Uint8ToString(u8a){
  var CHUNK_SZ = 0x8000;
  var c = [];
  for (var i=0; i < u8a.length; i+=CHUNK_SZ) {
    c.push(String.fromCharCode.apply(null, u8a.subarray(i, i+CHUNK_SZ)));
  }
  return c.join("");
}
// Usage
var u8 = new Uint8Array([65, 66, 67, 68]);
var b64encoded = btoa(Uint8ToString(u8));

More Related Contents:

  1. Convert base64 string to ArrayBuffer
  2. How can I create a two dimensional array in JavaScript?
  3. How to convert file to base64 in JavaScript?
  4. Find a value in an array of objects in Javascript [duplicate]
  5. Compare JavaScript Array of Objects to Get Min / Max
  6. How to convert Base64 String to javascript file object like as from file input form?
  7. How to sort numbers correctly with Array.sort()? [duplicate]
  8. Why do empty JavaScript arrays evaluate to true in conditional structures?
  9. Convert HTML to data:text/html link using JavaScript
  10. Sort Array by ISO 8601 date
  11. Javascript – convert array of arrays into array of objects with prefilled values
  12. How to combine an array in javascript
  13. How do I remove an object from an array with JavaScript? [duplicate]
  14. How to check if array is empty or does not exist? [duplicate]
  15. How to check whether multiple values exist within an Javascript array
  16. Converting JSON object to CSV format in JavaScript
  17. Importing data from multiple csv files in D3
  18. Convert string array to array in javascript
  19. Converting an array to a function arguments list [duplicate]
  20. jQuery UI autocomplete with item and id
  21. Javascript Set vs. Array performance
  22. Generate permutations of JavaScript array [duplicate]
  23. How to search for a string inside an array of strings
  24. Populate nested object from array?
  25. What is the concept of Array.map?
  26. How to correctly use axios params with arrays
  27. ReadFile in Base64 Nodejs
  28. Find last index of element inside array by certain condition
  29. How to flatten array in jQuery?
  30. javaScript: Can a comma occur after the last set of values in an array?

Leave a Comment