javascript - 如何访问本地明文js文件并保存为变量

Question

我意识到这可能是一个微不足道的问题，但我在尝试访问一些简单的 JSON 数据时遇到了困难。

基本上，我有一个 .js 文件，其中包含一个对象，其中包含我需要访问的所有数据。

但是，数据并未分配给 .js 文件本身中的 JS 变量 - 它只是那里。

以下是文件中所有内容的示例:

<小时/>

{"data":[
    {"example" : "1",
    "example2" : "2",
    "example3" : {
        "test" : "JS"
    }}
    ]
}

<小时/>

如何访问此数据、为其分配变量并在单独的 HTML/JS 文件中对其进行操作？

Answer 1

您无法访问用户文件系统上的任意文件。您必须提供文件输入并让用户选择它。

然后您可以使用the file api阅读它。

JSON.parse 会将其转换为 JavaScript 数据结构。

document.querySelector("[type=file]").addEventListener("change", function(event) {
  var file = this.files[0];
  var reader = new FileReader();
  reader.onload = function() {
    console.log(JSON.parse(this.result));
  };
  reader.readAsText(file);
});

<input type="file">