使用HTML 5中的文件API讀取文本文件內容，效果如圖所示。
HTML 5中的文件API怎么讀取文本文件內容
慕碼人2483693
2018-06-26 01:01:06
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 關注
- 1800 瀏覽
添加回答
舉報
0/150
提交
取消