如何使用filesaver.js

Question

在最新的文件保护程序文档中，给出了如何将filesaver.js与blobbuilder.js结合使用的示例：

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

然而，blobbuilder.js已经被废弃，他们现在说要使用blob.js (反正我找不到blobbuilder.js的代码)。

有人能给我举一个例子，说明如何将文件保护程序与blob.js结合使用吗？

Answer 1

就像github的例子一样，它起作用了。https://github.com/eligrey/FileSaver.js

<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

它适用于我的反应项目：

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

Answer 3

以下是通过JavaScript创建ZIP文件的JSZIP指南。要下载需要拥有filesaver.js的文件，可以通过以下方法包括这些库：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.4/jszip.min.js"  type="text/javascript"></script>
<script type="text/javascript" src="https://fastcdn.org/FileSaver.js/1.1.20151003/FileSaver.js" ></script>

现在，复制此代码，此代码将下载一个具有hello.txt内容的文件hello.txt的压缩文件。如果一切正常，这将下载一个文件。

<script type="text/javascript">
    var zip = new JSZip();
    zip.file("Hello.txt", "Hello World\n");
    zip.generateAsync({type:"blob"})
    .then(function(content) {
        // see FileSaver.js
        saveAs(content, "file.zip");
    });
</script>

现在让我们进入更深的领域。创建一个JSZip实例。

var zip = new JSZip();

添加一个具有文本的文件：

zip.file("hello.txt", "Hello World\n");

下载名为archive.zip的文件

zip.generateAsync({type:"blob"}).then(function(zip) {
    saveAs(zip, "archive.zip");
});

阅读更多内容：https://www.wapgee.com/post/5/