angular 读写本地电脑文件，2024前端研发必问高级面试题

这时候我们需要用到一个angular的插件，叫做“FileSaver.js”

官方github：https://github.com/eligrey/FileSaver.js

chajian

插件安装：

npm install file-saver --save

html：

<button style=“background-color: yellow;float: left” (click)=“writeText()”>将此配置读入文件

ts：

writeText() {

if (confirm(‘确定保存？’)) {

const str = ‘这是文件的内容’

const FileSaver = require(‘file-saver’);

const blob = new Blob([str], {type: ‘text/plain;charset=utf-8’});

FileSaver.saveAs(blob, ‘这是文件名.txt’);

}

}

ok ,文件保存到本地就可以实现了。然后是读取本地文件。

从电脑本地读取文件到angular

---

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中