JSFiddle - React, Tailwind, and code Playground

by Ali Soltani

JavaScript

var data=[]; 

//generate data
for(let i=0; i<50000; i++){
  data.push(Date.now());
}
var json = JSON.stringify(data);
// Without createObjectURL
var link1 = document.createElement("a");
link1.innerHTML ="Without createObjectURL";
link1.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(json));
link1.target = "_blank:";
link1.download = "data.json";
document.body.appendChild(link1);
link1.click();

document.body.appendChild(document.createElement("br"));

// With createObjectURL
var link2 = document.createElement("a");

var dataBlob = new Blob([json],{type:"text/plain"});
var objUrl = URL.createObjectURL(dataBlob);

link2.href = objUrl;
link2.innerHTML ="With createObjectURL";
link2.download = "data.json";
document.body.appendChild(link2);
link2.click();