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]