當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript实现文件读取、文件导出
生活随笔
收集整理的這篇文章主要介紹了
JavaScript实现文件读取、文件导出
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
文件讀取
html部分
<input type="file" id="inputfile" oninput="selectfile" style="display: none;" />選擇文件后調用的方法
const selectfile = (val) => {let input = document.getElementById('inputfile');let reader = new FileReader(); //新建一個FileReaderreader.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);總結
以上是生活随笔為你收集整理的JavaScript实现文件读取、文件导出的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: SAP BW系统日常维护日常工作及常见的
- 下一篇: JS实现的五级联动菜单效果完整实例