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>