Javascript 如何使用filesaver.js

Javascript 如何使用filesaver.js,javascript,Javascript,在最新的filesaver文档中,给出了如何将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(无论

在最新的filesaver文档中,给出了如何将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的代码)


有谁能给我一个如何将filesaver与blob.js结合使用的例子吗?

wll看起来我找到了答案,尽管我还没有测试过它

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

从这个页面上看,就像github的例子一样,它是有效的


var blob=new blob([“你好,世界!”],{type:“text/plain;charset=utf-8”});
saveAs(blob,“helloworld.txt”);

它适用于我的react项目:

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

下面是一个JSZIP指南,通过JavaScript创建ZIP文件。要下载需要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文本的文件:

zip.file("hello.txt", "Hello World\n");
下载名为archive.zip的文件

zip.generateAsync({type:"blob"}).then(function(zip) {
    saveAs(zip, "archive.zip");
});
从这里阅读更多信息:

保存文本(所有浏览器)


对于希望在控制台中加载的用户:

var s = document.createElement('script');
s.type = 'text/javascript';
s.src = 'https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.8/FileSaver.min.js';
document.body.appendChild(s);
然后:

saveAs(new Blob([data], {type: "application/octet-stream ;charset=utf-8"}), "video.ts")

当你离开断点时,文件将被保存(至少在Chrome上)

是的,这里:您好,我看到这是一段代码,用来获取表单的内容并使用文件保护程序保存它,但我仍然不知道如何通过编程实现,我的数据在内存中,而不是在表单中。你能告诉我如何在没有表单的情况下只使用代码吗?谢谢,我明白了。在这种情况下,这可能会有所帮助:嗨,你发给我的链接说它只适用于IE10。我需要的东西,将工作的IE 8,9和更多。死胡同!对不起,我帮不了你。在我的棱角2/4项目中也有效。太好了!适用于Vue.JSi,正在使用从“文件保护程序”导入{saveAs}在Aurelia中。是否有ReactJS本机方法?是否有人能为我提供在用户定义目录中下载文件的工作代码?如何在特定路径上保存?这只是第一次工作。我已经实现了它的按钮点击和它的工作只是第一次。这是可怕的!!只是一个简单的问题,你知道如何在React或javascript中读取我的项目目录中的zip文件吗?除了NodeJS,NodeJS是不可能的
zip.generateAsync({type:"blob"}).then(function(zip) {
    saveAs(zip, "archive.zip");
});
saveTextAs("Hi,This,is,a,CSV,File", "test.csv");
saveTextAs("<div>Hello, world!</div>", "test.html");
var blob = new Blob(["Hello, world!"], {type: "text/plain;charset=utf-8"});
saveAs(blob, "hello world.txt");
var s = document.createElement('script');
s.type = 'text/javascript';
s.src = 'https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.8/FileSaver.min.js';
document.body.appendChild(s);
saveAs(new Blob([data], {type: "application/octet-stream ;charset=utf-8"}), "video.ts")