使用 javascript 读取.txt文件

Read .txt file with javascript

本文关键字:文件 txt 读取 javascript 使用      更新时间:2023-09-26

你能用代码中的文件路径读取javascript中的txt文件吗?不是通过从打开的文件窗口中选择文件。

如果文本文件位于本地或私人 PC 上

正如您可能理解的那样,如果您可以读取存储在用户文件系统上的文本文件,那么每个人都可以窃取私人数据,因此简而言之,您不能

如果文本文件在服务器上

阿贾克斯

function ajax(a,b,c){ // Url, Callback, just a placeholder
 c=new XMLHttpRequest;
 c.open('GET',a);
 c.onload=b;
 c.send()
}

如何使用:

ajax('http://YOURSERVER/yourtextfile.txt',function(){
 alert(this.response);
});

有关上述功能的更多信息

如果文本文件位于其他服务器上

当您使用 ajax 访问其他服务器时,您需要被允许访问该文件。 一些网站允许它通过返回

Access-Control-Allow-Origin: *

在响应 heaeders.so 上述 ajax 函数将正常工作。


然后还有其他方法可以从您或其他服务器获取数据,我更喜欢ajax:

websockets和SSE..但是这些需要一个特定的接口,如PHP或nodejs。

另一种选择是,如果文件在您的私人PC上,并且您只想在每次更新时发送存储在特定文本文件中的一些数据:

只需安装 nodejs 或免费的 PHP 服务器,并创建某种 cron 作业来每隔一段时间检查一次特定文件夹。文件更新后,只需将其发送到您的在线服务器即可。同样,在线主机至少需要 PHP ASP 或某种服务器端脚本。

您可以使用

XHR(XML Http Request)。下面是读取".txt"文件的示例。你可以把它放在一个html文件中,并且需要使用NodeJS,PythonSimple Server或任何其他你熟悉的服务器运行一个简单的服务器。

1 如果你有 python:

python -m SimpleHTTPServer 8000

2 示例 (readtxt.html):

<script type="text/javascript">
var request = new XMLHttpRequest();
request.open('GET', 'filename.txt', false);  // `false` => synchronous request
request.send(null);
if (request.status === 200) {
  console.log(request.responseText);
}
</script>

3 打开: http://localhost:8000/readtxt.html

4 检查浏览器控制台中是否有从 txt 文件读取的内容。

您可以阅读此内容以获取更多详细信息,

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests#Asynchronous_request