JSFiddle - React, Tailwind, and code Playground

by Cody Sandwith

HTML

<input id="add" type="button" value="Add 1M to Blob" />
<input id="add2" type="button" value="Add 10M to Blob" />
<input id="add3" type="button" value="Add 100M to Blob" />

JavaScript

var blob = new Blob();

$("#add").on("click", function () {
  addDataToBlob(1);
});

$("#add2").on("click", function () {
  addDataToBlob(10);
});

$("#add3").on("click", function () {
  addDataToBlob(100);
})

function addDataToBlob(amtInMB) {
  var d = "";
  var amt = (amtInMB * 1024 * 1024) / 2;
  var i = 0;
  for (i; i < amt; i++) {
    d += "a";
  }
  var data = [d];
  blob = new Blob([blob, data], {
      type: "application/text")
  }
  data = null;
  d = null;
  amt = null;
  i = null;
}