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

最新推荐文章于 2024-08-28 12:34:01 发布

条朝猪

最新推荐文章于 2024-08-28 12:34:01 发布

阅读量828

点赞数 2

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/TZpig/article/details/122364504

版权

文件读取

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);