html如何在文本框显示txt文件的内容?
发布网友
发布时间：2022-04-23 02:54
共1个回答
热心网友
时间：2023-09-16 03:21
<!DOCTYPE html>
<html>
<head>
<title>文件示例</title>
<meta name="name" content="content" charset="utf-8">
</head>
<body>
<input type="file" id="file" />
<input type="button" onclick="readText()" value="File Button">
<div id="tt">
</div>
</body>
</html>
<script charset="utf-8">
window.onload=function () {
if(typeof(FileReader)=="undefined")
{
alert("你的浏览器不支持文件读取");
document.write("");
}else
{
alert("你的浏览器支持文件读取");
}
}
function readText() {
var file=document.getElementById("file").files[0];
var reader=new FileReader();
reader.readAsText(file);
reader.onload=function(data)
{
var tt=document.getElementById("tt")
tt.innerHTML=this.result;
}
}
</script>
