使用HTML 5中的文件API读取文本文件内容，效果如图所示。
1 回答
Qyouu
TA贡献1786条经验 获得超11个赞
<!DOCTYPE html>
<html>
<head>
<meta charset="GB2312">
<title>fileReader读取文本文件示例</title>
</head>
<body>
<script language=javascript>
var result=document.getElementById("result");
var file=document.getElementById("file");
//将文件以文本形式进行读入页面
function readAsText()
{
var file = document.getElementById("file").files[0];
var reader = new FileReader();
//将文件以文本形式进行读入页面
reader.readAsText(file);
reader.onload = function(f)
{
var result=document.getElementById("result");
//在页面上显示读入文本
result.innerHTML=this.result;
}
}
</script>
<h3>请选择要读取的文本文件：</h3>
<input type="file" id="file" />
<input type="button" value="读取文本文件" onclick="readAsText()"/>
<div name="result" id="result">
<!-- 这里用来显示读取结果 -->
</div>
</body>
</html>
- 1 回答
- 0 关注
- 1731 浏览
添加回答
举报
0/150
提交
取消