编程

FileSaver.js一款简单易用的前端文件保存库

1750 2022-02-24 20:45:41

FileSaver.js 是一个在客户端保存文件的一个js库,Api简单易用

// 目前github的star是18.5K

github地址:https://github.com/eligrey/FileSaver.js

安装

npm install File-saver --save

使用

// 引入
import { saveAs } from 'file-saver'

// 保存文本
// 生成blob文本
const blob = new Blob(["您好!"], {type: "text/plain;charset=utf-8"});
// 第二个参数指定保存的文件名
saveAs(blob, "hello.txt");

// 保存文件流(url链接)
// 比如后台传过来的文件流
saveAs("https://httpbin.org/image", "image.jpg");

// 把canvas保存成一个图片
const canvas = document.getElementById("myCanvas");
canvas.toBlob(function(blob) {
    saveAs(blob, "image.png");
}

// 保存纯文件
const file = new File(["您好!"], "hello.txt", {type: "text/plain;charset=utf-8"});
saveAs(file);

Api是不是简单易用且容易理解