js 读取和写入本地文件

最新推荐文章于 2024-11-06 18:05:13 发布

原创最新推荐文章于 2024-11-06 18:05:13 发布 · 1.3w 阅读

8 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何使用JavaScript进行文件的读取和下载操作。通过具体的代码示例，展示了如何利用FileReader API读取文件内容，并将其转换为字符串。此外，还提供了实现文件下载的方法，包括创建a标签并触发点击事件来下载指定文本。

读：

调用方法

<input type="file" name="file" id="file_1" οnchange="openfile(event)"></input>

函数体：

<script>
function openfile(event)           
{                      
        var input = event.target;        
        var reader = new FileReader();         
        reader.onload = function(){      
                var text = reader.result;    
                config_str = text; 
                alert(config_str);     
        };                 
        reader.readAsText(input.files[0]);        
}; 
</scriopt>

写：

<script>    
 	function download(filename, text) {      
   		var pom = document.createElement("a");      
   		pom.setAttribute( "href", "data:text/plain;charset=utf-8," + encodeURIComponent(text));      
   		pom.setAttribute("download", filename);      
  		 if (document.createEvent) {        
   			 var event = document.createEvent("MouseEvents");        
   			 event.initEvent("click", true, true);        
   			 pom.dispatchEvent(event);      
  		 } 
   		else 
		{        
		    	pom.click();      
		}    
	}       
 	download("data.txt","hello world");  
</script>

(这是网搜的，出处找不到了，若有人找到了可在评论中补上。–不胜感激(~ _ ~))