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

FileSaver.js的使用

当用户在浏览器中进行某些操作时,需要将数据保存在本地文件中。这时,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(, { 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!"。
页: [1]
查看完整版本: FileSaver.js的使用