JSFiddle - React, Tailwind, and code Playground

by navyflower

HTML

<div id="my"></div>

JavaScript

var bytes = [103, 179];
var chr1 = String.fromCharCode(bytes[0]);
var chr2 = String.fromCharCode(bytes[1]);
var str = '';
str += chr1;
str += chr2;
console.log(str.charCodeAt(0)); //103
console.log(str.charCodeAt(1)); //179
console.log(str.charCodeAt(2)); //NaN

var blob = new Blob([str]);
console.log(blob.size); //3

//Checking Blob contents using first method - FileReader
var reader = new FileReader();
reader.addEventListener("loadend", function() {
    var str1 = this.result;
    console.log(str1); //g³
    console.log(str1.charCodeAt(0)); //103
    console.log(str1.charCodeAt(1)); //179
    console.log(str1.charCodeAt(2)); //NaN
});
reader.readAsText(blob);

//Checking Blob contents using second method - objectURL
var url = URL.createObjectURL(blob);
$('<a>',{
    text: 'Download the blob',
    title: 'Download',
    href: url
    
}).appendTo('#my');