html读取在线文件,javascript中如何读取文件？

javascript中可以如何读取文件？下面本篇文章就来给大家介绍一下在javascript中读取文件的方法，希望对大家有所帮助。

因为JavaScript中的Web API有了新的方法File API，所以我们在浏览器上读取文件并处理数据更加方便而且不需要使用到后端服务器。

FileReader就是从一个文件中读取数据并存储在一个JavaScript变量中，它与XMLHttpRequest含义差不多，都是从一个外部资源加载数据而且读操作是异步的，这样的好处是不会使浏览器堵塞。

它读取操作的方法有多种多样的，例如以下几种方法：

(1)readAsText() – 以纯文本的形式返回文件内容

该readAsText()方法可用于读取文本文件。该方法有两个参数。第一个参数是用于File或Blob要被读取的对象。第二个参数用于指定文件的编码。第二个参数是可选的。如果未指定，UTF-8则默认采用编码。

在设置中需要在文件加载完成后设置一个事件监听器。onload调用事件时，我们可以检查result属性FileReader所获取文件的内容。

var file=document.getElementById("file");

var reader = new FileReader();

reader.οnlοad=function(e){

var text=reader.result;

}

<