html如何在文本框显示txt文件的内容?

<divdata-role="fieldcontain"><labelfor="textarea"></label><textareaname="textarea"id=... <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>
展开
 我来答
内的权势
推荐于2016-03-26 · TA获得超过349个赞
知道小有建树答主
回答量:367
采纳率:50%
帮助的人:274万
展开全部
<!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>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式