如何使用javascript读取保存在我的计算机上的文本文件
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了如何使用javascript读取保存在我的计算机上的文本文件,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1141字,纯文字阅读大概需要2分钟。
内容图文
![如何使用javascript读取保存在我的计算机上的文本文件](/upload/InfoBanner/zyjiaocheng/697/c7d80eed121c4118952d9e1887d670a3.jpg)
我有一个正在定期更新的文本文件,我想知道是否可以逐行读取文件,使用javascript并将值保存在变量中,然后每次页面都使用新值更新html页面已加载. html页面是一个简单的页面,用于显示工作中的信息,而不是实时网页,除了在两个页面之间导航之外,不需要任何用户输入.文本文件位于每个人都可以访问的网络驱动器上.这是我想要完成的一个例子:
var value1;
var value2;
如果可能,使用javascript读取文件并提取数据并分配给value1和value2.
document.getElementsByClassName("class for <p>")[0].innerHTML = value;
document.getElementsByClassName("class for another <p>")[0].innerHTML = value;
我用谷歌搜索了这个,但是找不到任何有用的东西.如果JS无法做到这一点,那么有关如何以不同方式完成此任务的任何建议.提前致谢.
解决方法:
首先,您需要使用输入[type = file]来获取文件.
<input type=file id=file/>
<div id=result></div>
然后使用FileReader将文件读取到目标格式,就像base64,text,buffer一样.
const file = document.getElementById('file').files[0]
const result = document.getElementById('result')
const reader = new FileReader
reader.addEventListener('load', () => {
result.innerHTML = reader.result
})
reader.readAsText(file, 'UTF-8')
见:https://developer.mozilla.org/en-US/docs/Web/API/FileReader
内容总结
以上是互联网集市为您收集整理的如何使用javascript读取保存在我的计算机上的文本文件全部内容,希望文章能够帮你解决如何使用javascript读取保存在我的计算机上的文本文件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。