js操作文件

weixin_30610755

于 2017-08-09 15:48:00 发布

阅读量76

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/itxiongwei/p/7325741.html

本文介绍了一个简单的HTML页面，该页面使用JavaScript实现文件选择功能，允许用户上传文本文件并直接在网页上显示文件内容。此方法适用于查看或调试简单的文本文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
  <head>  
  <meta http-equiv="content-type" content="text/html; charset=utf-8">  
  <meta name="author" content="oscar999">  
  <title></title>  
  <script>  
  function  handleFiles(files)  
  {  
    if(files.length)  
    {  
       var file = files[0];  
       var reader = new FileReader();  

       reader.readAsText(file);

       reader.onload = function()  
       {  
           document.getElementById("filecontent").innerHTML = this.result;  
       };  
        
    }  
  }  
  
  
  function handle(files){
      if(files.length){
	  var  file = files[0];
	    var reader = new FileReader();
		reader.readAsText(file);
		reader.onload=function(){
		  document.getElementById('filecontent').innerHTML = this.result;
		}
	  }
  }
  </script>  
    
  </head>  
  <body>  
  
  <input type="file" id="file" onchange="handle(this.files)"/>  
  <div id="filecontent"></div>  
  </body>  
</html>

转载于:https://www.cnblogs.com/itxiongwei/p/7325741.html