这里介绍一个纯前端导出的插件 file-saver
。
通过这个插件,能够导出 txt
,导出 canvas
的 png
图片。
GihHub 地址:FileSaver.js
1,装置
npm install file-saver --save
bower install file-saver
yarn add file-saver
2,应用
2.1 在 plugins/file-save.js
创立全局办法。
import {saveAs} from "file-saver";
export default (ctx, inject) => {inject("saveAs", saveAs);
};
2.2 在具体方法里调用
saveFile(){
let textContent = "";
for (let i = 0; i < 10; i++) {textContent += ` 你好 ${i + 1} \r\n`;
}
const blob = new Blob([textContent], {type: "application/json"});
this.$saveAs(blob, '导出.txt');
},
导出后果
祝大家新年快乐 ~~