陈建华的博客
专注web开发
FileSaver.js 实现浏览器端文件保存的 JavaScript 库
2016-11-22 10:23:25   阅读711次

FileSaver.js 实现了在本身不支持 HTML5 W3C saveAs() FileSaver 接口的浏览器支持文件保存。FileSaver.js 在客户端保存文件的解决方案,并且可以让 Web 应用完美的生成文件, 或者保存不应该发送到外部服务器的一些敏感信息。是一种简单易用实现的利用 JavaScript/JS 在浏览器端保存文件的方案。


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

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

一、引入 JavaScript 文件:

<script src="path/FileSaver.js"/>

二、例子:

保存成文本文件

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

保存成图片 

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

支持的浏览器:

blob.png



-----------------------------------------------------
转载请注明来源此处
原地址:#

-----网友评论----
1楼:xiaozl 发表于 2016-11-22 14:20:02
保存去哪里了?
-----发表评论----
微网聚博客乐园 ©2014 blog.mn886.net 鲁ICP备14012923号   网站导航