JavaScript实现文件读取、文件导出

文件读取

html部分

<input type="file" id="inputfile" oninput="selectfile" style="display: none;" />

选择文件后调用的方法

 const selectfile = (val) => {
                let input = document.getElementById('inputfile');
                let reader = new FileReader(); //新建一个FileReader
                reader.readAsText(input.files[0], "UTF-8"); //读取文件 
                reader.onload = function(evt) { //读取完文件之后会回来这里
                    let fileString = evt.target.result; // 读取文件内容
                }

文件导出

let aTag = document.createElement('a');
                    const content = JSON.stringify(profile);
                    let blob = new Blob([content]);
                    aTag.download = "文件名" + ".txt";
                    aTag.href = URL.createObjectURL(blob);
                    aTag.click();
                    URL.revokeObjectURL(blob);