FileSaver什么也不做

Question

以下没有下载/保存的代码有什么问题？

https://jsfiddle.net/36nuqrqm/

​

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

<script src="https://raw.githubusercontent.com/eligrey/FileSaver.js/master/FileSaver.js"></script>

aaa
<button id="b" onclick="save_file()">export to CSV</button>
bbb

​

我正在使用文件保护程序库

这里就是它的工作代码的例子。

Answer 1

在框架和扩展中，请使用“无包装”而不是“onLoad”。

使用onLoad的结果：

<script type="text/javascript">//<![CDATA[
window.addEvent('load', function() {
function save_file()
{
    var blob = new Blob(["Hello, world!"], {type: "text/plain;charset=utf-8"});
    saveAs(blob, "hello world.txt");
}
});//]]> 

</script>

使用无换入的结果：

<script type="text/javascript">//<![CDATA[

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

</script>

或者更好的方法是，在onLoad https://jsfiddle.net/36nuqrqm/2/中使用jquery

<button id="export_to_csv">export to CSV</button>

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