html如何在文本框显示txt文件的内容？
<div data-role="fieldcontain"> <label for="textarea"></label> <textarea name="textarea" id="textarea"></textarea> </div>
比如我先点一下 上一个 就把txt文本内容显示在文本框内 可以实现吗？
<a href="#" data-role="button" data-theme="b" style="width:140px;">上一个</a>
<!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>
<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>
温馨提示：答案为网友推荐，仅供参考
相似回答