首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用FileSaver.js保存文本文件

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

Stack Overflow用户
提问于 2018-05-02 01:39:58
回答 1查看 12.9K关注 0票数 2

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

暗示文件夹ofI只有FileSaver.js和FileSaver.js文件。

这是我的密码。

代码语言:javascript
复制
<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>

错误:

-Uncaught SyntaxError:在FileSaver.js var saveAs = saveAs欧元(函数(视图)){中对这一行代码进行意外令牌导出。 -lol.html:15 Uncaught :在html文件saveAs(blob,"hello world.txt“)中的这一行代码中没有定义saveAs;}

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-05-02 02:06:37

只需更新到以下内容就可以了,在下面的演示中,尝试用于文件保护程序的CDN服务器

代码语言:javascript
复制
function download() {
  var save = document.getElementById("sample").value;
  var blob = new Blob([save], {
    type: "text/plain;charset=utf-8"
  });
  saveAs(blob, "sample-file.txt");
}
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/eligrey/FileSaver.js/5ed507ef8aa53d8ecfea96d96bc7214cd2476fd2/FileSaver.min.js"></script>
<input type="text" id="sample">
<button id="button" onclick="download();">save as</button>

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50126062

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档