FileSaver.js的使用

King丨小义 · 发表于 2023-4-2 08:38:02

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

当用户在浏览器中进行某些操作时，需要将数据保存在本地文件中。这时，FileSaver.js就可以派上用场了。下面是一个简单的代码示例，演示如何使用FileSaver.js将数据保存为txt文件。

<!DOCTYPE html>
<html>
  <head>
    <title>FileSaver.js Example</title>
    <script src="https://cdn.jsdelivr.net/npm/filesaver.js"></script>
  </head>
  <body>
    <h1>FileSaver.js Example</h1>
    <button onclick="saveFile()">Save File</button>
    <script>
      function saveFile() {
        // 要保存的数据
        var data = "Hello, World!";
        // 创建Blob对象
        var blob = new Blob([data], { type: "text/plain;charset=utf-8" });
        // 调用saveAs方法保存文件
        saveAs(blob, "hello.txt");
      }
    </script>
  </body>
</html>

在上面的代码中，我们引入了FileSaver.js库。然后，在saveFile()函数中，我们创建了一个包含要保存的数据的Blob对象，并指定了数据类型和字符集。最后，我们调用了saveAs()方法，将Blob对象保存为txt文件，并指定了文件名为"hello.txt"。

当用户单击"Save File"按钮时，浏览器将下载一个名为"hello.txt"的文件，其中包含字符串"Hello, World!"。

账号		自动登录	找回密码
密码			立即注册

[学习笔记] FileSaver.js的使用

马上注册，结交更多好友，享用更多功能^_^