使用 javascript 显示 txt 文件中的文本
To display text from a txt file using javascript
如何使用一个按钮浏览文件和另一个按钮显示文本从 txt 文件中读取文本。请帮助我获取代码。我已经尝试了很多代码,但不起作用。有些代码是这样的。提前致谢
<!DOCTYPE html>
<html>
<head>
<title>reading file</title>
<script type="text/javascript">
var reader = new FileReader();
function readText(that){
if(that.files && that.files[0]){
var reader = new FileReader();
reader.onload = function (e) {
var output=e.target.result;
//process text to show only lines with "@":
output=output.split("'n").filter(/./.test, /'@/).join("'n");
document.getElementById('main').innerHTML= output;
};//end onload()
reader.readAsText(that.files[0]);
}//end if html5 filelist support
}
</script>
</head>
<body>
<input type="file" onchange='readText(this)' />
<div id="main"></div>
</body>
</html>
你应该正确地阅读这样的文章: http://www.html5rocks.com/en/tutorials/file/dndfiles/
不要认为这条线工作正常:
output=output.split("'n").filter(/./.test, /'@/).join("'n");
尝试将其更改为:
output=output.split("'n").filter(function(l) {
//return /^'@/.test(l); // Starting with @
return l.indexOf('@') > -1; // Containing @
}).join("'n");
看看这是否也有效会很有趣:
output=output.split("'n").filter(/'@/.test.bind(/'@/)).join("'n");
传递给 .filter
方法的第二个参数是上下文:
array.filter(callback[, thisObject])
获取输入文件,使用 FileReader() 读取它,在文件加载时获取与模式匹配的文本。最后通过"主要"div显示它。 应该工作..
.HTML:
<input id="fileInput" type="file"/>
<div id="main"></div>
j查询 :
$(function(){
$("#fileInput").change(function(e){
var myFile = e.target.files[0];
var reader = new FileReader();
reader.onload = function(e){
var output = e.target.result;
output=output.split("'n").filter(/./.test, /'@/).join("'n");
$("#main").text(output);
};
reader.readAsText(myFile)
});
}
)
演示
相关文章:
- 使用不带文本文件的OpenLayers显示POI
- 使用javascript从文本文件中获取值
- 从javascript中的文本文件中获取值
- 在移动浏览器上显示大型文本文件
- 搜索文本文件并附加到表中
- 将文本文件加载到javascript中
- Angular http.get没有'我不喜欢在开头和结尾加方括号的文本文件
- 一个javascript实现base64图像编码并将结果写入文本文件
- 用javascript读取文本文件的第一行
- 从文本文件js中读取列表
- 使用JavaScript将压缩文本文件加载到字符串中
- 数组在手动写入时有效,但从文本文件加载时无效
- 在浏览器中打开文本文件-服务器上出现错误
- html表单,它有文本和表,现在我想在一个简单的文本文件中保存和检索数据,如何实现它
- 任何编写文本文件并将其替换为上一个文本文件的方法
- html或java脚本代码在硬盘中创建一个文本文件
- Firefox插件:保存到文本文件的HTTP日志,其中包含时间、用户名、计算机名;t创建文本文件
- 从文本文件加载jsondata时出现空白页
- 如何在不干扰电子邮件通知的情况下将眼镜保存在文本文件中
- 使用javascript创建新的文本文件(),但存储[objectFile]而不是文本