Java爱好者 - 专注于Java技术Java爱好者 - 专注于Java技术

文件导出插件 FileSaver.js 实现浏览器文件导出

2018-03-21 前端开发 阅读(844) 评论(0)

有时我们需要在浏览器上生成文件并保存到本地，这个借助 FileSaver.js 就可以很方便地实现。

20211009200358.png

FileSaver.js使用说明

实现浏览器端生成并保存文件的 JavaScript 库 FileSaver.js 使用说明：

一、引入 JavaScript 文件：

1
<scriptsrc="path/FileSaver.js"/>

二、例子：

保存成文本文件

1

2
varblob = newBlob(["Hello, world!"], {type: "text/plain;charset=utf-8"});
saveAs(blob, "hello world.txt");

保存成图片

1

2

3
varcanvas = document.getElementById("my-canvas"), ctx = canvas.getContext("2d");// draw to canvas...canvas.toBlob(function(blob) {
    saveAs(blob, "pretty image.png");
});

支持的浏览器：

Browser Constructs as Filenames Max Blob Size Dependencies
Firefox 20+ Blob Yes 800 MiB None
Firefox < 20 data: URI No n/a Blob.js
Chrome Blob Yes 500 MiB None
Chrome for Android Blob Yes 500 MiB None
IE 10+ Blob Yes 600 MiB None
Opera 15+ Blob Yes 500 MiB None
Opera < 15 data: URI No n/a Blob.js
Safari 6.1+* Blob No ? None
Safari < 6 data: URI No n/a Blob.js

 

演示页面：FileSaver

本原创文章未经允许不得转载 | 当前页面：Java爱好者 - 专注于Java技术 » 文件导出插件 FileSaver.js 实现浏览器文件导出
标签：FileSaver.js

相关推荐

评论

文章评论已关闭！