js如何读取本地txt文件中的内容

JavaScript014

js如何读取本地txt文件中的内容,第1张

通常情况下,网页中的JS脚本是无法直接对本地文件系统进行访问的,因为这涉及到用户数据安全的问题,所以,在浏览器的默认安全设置下是无法实现的.但如果你可以在本地配置好WEB服务,那么可以通过Ajax的方式访问本地站点下的txt文件,也可以通过后端支持,采用上传文件的方式解决.这两种方案都可以避开ActiveX和IE版本的问题.

您需要的功能可以利用AJAX来实现。下面是我写的代码读取一个文件并显示出来，供您参考。

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>使用AJAX读取外部文件</title>

</head>

<body>

<div id="txt">外部文件内容</div>

<script>

if ( window.ActiveXObject )         // windows 系统

    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")

else if ( window.XMLHttpRequest )   // 其它系统，及非IE6系统

    xmlHttp = new XMLHttpRequest()

xmlHttp.onreadystatechange = Callback

xmlHttp.open("GET", "mytxt.txt", true ) // 读取mytxt.txt内容

xmlHttp.send(null) 

function Callback()

{

  if ( xmlHttp.readyState == 4 ) {

    if ( xmlHttp.status == 200 ) {

      xml = xmlHttp.responseText  // 读取返回值即文件内容

      document.getElementById("txt").innerText = xml // 在当前页面显示文件内容

    }

  }

}    

</script>

</body>

</html>

不能确定所说的读取是否仅仅读取文件的内容，如果是，与读取任何服务器上文件的方法一样，可卡ajax相同的方法，即通过XMLHttpRequest来申请服务器的数据访问服务。

如果所说的读取是指读取bat文件的运行结果，那就需要服务器上的脚本的辅助支持，例如，通过编写php脚本将bat结果返回给访问端。