How to use filesaver.js

Question

In the latest filesaver documentation, an example is given for how to use filesaver.js in conjunction with blobbuilder.js:

var bb = new BlobBuilder();
bb.append("Lorem ipsum");
var fileSaver = window.saveAs(bb.getBlob(), "test_file");
fileSaver.onwriteend = myOnWriteEnd;`

However blobbuilder.js has been deprecated and they now say to use blob.js (I can't find the code for blobbuilder.js anyway).

Can anyone give me an example of how to use filesaver together with blob.js?

Answer 1

Just as an example from GitHub (FileSaver.js), it works.

<script src="FileSaver.js"></script>
<script type="text/javascript">
    var blob = new Blob(["Hello, World!"], {type: "text/plain;charset=utf-8"});
    saveAs(blob, "hello world.txt");
</script>

Answer 2

It works in my React project:

import FileSaver from 'file-saver';
// ...
onTestSaveFile() {
    var blob = new Blob(["Hello, world!"], {type: "text/plain;charset=utf-8"});
    FileSaver.saveAs(blob, "hello world.txt");
}