如何使用javascript读取与html位于同一目录中的本地文件

How to read local file that in located in the same directory as html using javascript

本文关键字：文件于同一 javascript 何使用读取 html 更新时间：2023-09-26

我有一个应用程序，它可以创建包含大量要绘制的数据的html文件。这些文件总是从本地文件系统浏览（根本没有http协议）。

我有一个想法，压缩数据，然后将其以原始格式放在一个单独的.dat文件中，该文件将与.html文件放在同一位置。

当这个.dat文件在web服务器上时，读取和解压缩它不是问题。但我现在不知道如何在.html和.dat都是本地文件的情况下阅读它。

当然，用户可以使用浏览器文件对象，但在这种情况下，用户总是会被要求执行愚蠢的操作，比如从控件中选择唯一的文件。

但我现在不知道如何在.html和.dat都是本地文件的情况下阅读它。

我认为你指的是HTML文件中的JavaScript。根据浏览器的不同，您只能通过文件API（正如您所观察到的，这需要用户在input[type=file]元素中选择文件）。

希望这样做的方式是通过ajax（XMLHttpRequest），这在的一些浏览器中可以工作，但在其他浏览器中不行。例如，Chrome拒绝所有将ajax与file:// URL（例如，在文件系统提供的页面中）一起使用的尝试，即使是从本地页面，即使您使用的是像thefile.dat这样的相对URL。IE允许它（或者至少，旧版本的IE允许；我最近没有尝试过）。

不幸的是，我认为唯一可以做到这一点的方法是通过带有input[type=file]的Fileneneneba API。