简介
@grassick/filesaver.js 是一个基于 JavaScript 的文件保存库，可用作前端的文件下载工具。文件下载一直是前端开发中比较常见的需求，而 @grassick/filesaver.js 提供了一种简单而优雅的解决方案，使得文件下载操作变得轻松可行。
安装
你可以通过 npm 来安装 @grassick/filesaver.js，安装命令如下：
npm install @grassick/filesaver.js
使用
导入库
使用 @grassick/filesaver.js 首先需要将其导入到项目中。可以在需要的文件中通过如下代码进行导入：
import saveAs from '@grassick/filesaver.js';
下载文件
在导入库之后，你就可以使用 saveAs() 方法来实现文件下载了。saveAs() 方法需要两个参数：第一个参数表示文件内容，第二个参数表示文件名及其格式。
下载文本
下载文本文件很简单，可以将文本内容存储为字符串，然后传递给 saveAs() 方法。如下所示：
const textBlob = new Blob(['Hello World!'], { type: 'text/plain;charset=utf-8' });
saveAs(textBlob, 'hello.txt');代码中，通过 new Blob() 方法生成一个包含文本内容的 Blob 对象，并指定其类型为 'text/plain;charset=utf-8'。然后将其传递给 saveAs() 方法，并指定文件名为 hello.txt。
下载二进制文件
下载二进制文件可以使用 arrayBuffer 或 uint8Array 类型的数据，并与 saveAs() 方法一同传递给 Blob 对象，如下所示：
const byteArray = new Uint8Array([0x48, 0x65, 0x6c, 0x6c, 0x6f, 0x20, 0x57, 0x6f, 0x72, 0x6c, 0x64, 0x21]);
const byteBlob = new Blob([byteArray], { type: 'application/octet-stream' });
saveAs(byteBlob, 'world.dat');代码中，通过 new Uint8Array() 方法生成一个包含二进制数据的数组，并将其传递给 new Blob() 方法。然后将 blob 对象传递给 saveAs() 方法，并指定文件名为 world.dat。
示例代码
完整示例代码如下：
-- -------------------- ---- ------- ------ ------ ---- ------------------------- -- ---- ----- -------- - --- ------------ --------- - ----- -------------------------- --- ---------------- ------------- -- ------- ----- --------- - --- ----------------- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ------- ----- -------- - --- ----------------- - ----- -------------------------- --- ---------------- -------------
结语
通过 @grassick/filesaver.js 库，你可以轻松地实现前端文件下载功能。无论是下载文本还是二进制文件，都可以通过该库方便地完成。希望这篇文章能够帮助你快速掌握该库的使用方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005723181e8991b448e8565