如何使用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一起使用filesaver的例子？

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 World 内容的 hello.txt 文件的 zip 文件。如果一切正常，这将下载一个文件。

<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();

添加一个带有 Hello World 文本的文件：

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

下载名为 archive.zip 的文件

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

从这里阅读更多信息：https : //www.wappee.com/post/5/