JS文件内容读取FileReader

最新推荐文章于 2024-07-24 11:31:03 发布

江醉鱼

最新推荐文章于 2024-07-24 11:31:03 发布

阅读量486

点赞数

分类专栏： js进阶

本文链接：https://blog.csdn.net/me_never/article/details/85566934

版权

js进阶专栏收录该内容

21 篇文章 2 订阅

订阅专栏

做了一个文件上传的功能，之前没用过FileReader,写下来就权当笔记了。
代码如下：

<body>
	    <div>
	        <input id="dl" type="file"/>
	        <button  onclick="baily()">点击我</button>
	    </div>
	    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
	    <script>
	        function baily(){
	            //var selectFile = $("#dl")[0].files[0];上下两个都可以
	            var selectFile = document.getElementById('dl').files[0];
	            var reader = new FileReader();
	            reader.readAsText(selectFile,'UTF-8');
	            reader.onload = function(event){
	                var pointTxt = event.target.result;
	                console.log(window.btoa(pointTxt));//转为base64
	            };
	        }
	    </script>
	</body>