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的使用

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