Javascript 如何使用FileSaver.js保存文本文件_Javascript_Html

Javascript 如何使用FileSaver.js保存文本文件

javascript html

Javascript 如何使用FileSaver.js保存文本文件,javascript,html,Javascript,Html,我在github上下载了FilSaver.js，并尝试对其进行测试，以备将来使用。我制作了一个简单的html文件，该文件接受输入，单击按钮时会触发一个函数，该函数将使用FileSaver.js保存该文件 InInde文件夹中只有FileSaver.js和HTML文件这是我的密码 <html> <head> </head> <body> <input type="text" id="sample"&g

我在github上下载了FilSaver.js，并尝试对其进行测试，以备将来使用。我制作了一个简单的html文件，该文件接受输入，单击按钮时会触发一个函数，该函数将使用FileSaver.js保存该文件

InInde文件夹中只有FileSaver.js和HTML文件

这是我的密码

<html>
    <head>

    </head>
    <body>
        <input type="text" id="sample">
        <button id="button" onclick="download();">save as</button>

        <script src="FileSaver.js"></script>
        <script type="text/javascript">
            function download(){
            var save = document.getElementById("sample").value;
            alert(save);    
            var blob = new Blob([save], {type: "text/plain;charset=utf-8"});
            saveAs(blob, "hello world.txt");}
        </script>
    </body>
</html>


另存为
函数下载（）{
var save=document.getElementById（“示例”）.value；
警报（保存）；
var blob=new blob（[save]，{type:“text/plain；charset=utf-8”}）；
saveAs（blob，“helloworld.txt”）；}

错误：

-未捕获的语法错误：FileSaver.js var saveAs=saveAs | | |（函数（视图））中的这行代码上出现意外的令牌导出{

-lol.html:15未捕获引用错误：在html文件saveAs（blob，“hello world.txt”）；}中的这行代码中未定义saveAs

只要更新到以下内容，它就会工作，请在下面的演示中尝试用于filesaver的CDN服务器

函数下载（）{
var save=document.getElementById（“示例”）.value；
var blob=新blob（[保存]{
类型：“文本/普通；字符集=utf-8”
});
saveAs（blob，“sample file.txt”）；
}


另存为

只需更新以下内容即可，请在下面的演示中尝试用于文件保存的CDN服务器

函数下载（）{
var save=document.getElementById（“示例”）.value；
var blob=新blob（[保存]{
类型：“文本/普通；字符集=utf-8”
});
saveAs（blob，“sample file.txt”）；
}


另存为

在他们的网站示例中，他们使用的是Blob.js，您没有包括在内……@DanielTate我添加了我在演示中看到的所有脚本，但仍然不起作用。@kaido我添加了我遇到的错误，我正在使用operay您的代码100%起作用@DanielTate，这很奇怪，它对我不起作用。在他们的网站示例中，他们使用Blob.js，你没有包括…@DanielTate我添加了我在演示中看到的所有脚本，效果很好，但仍然不起作用。@kaido我添加了我遇到的错误，我正在使用operay你的代码100%起作用@DanielTate这很奇怪，它对我不起作用。非常感谢兄弟。非常感谢兄弟。