如何使用弹出式加载JSON文件到变量中？[重复]

Question

这个问题在这里已经有了答案:

使用JavaScript访问上传的JSON文件的数据 (3个答案)

封闭 2个月前.

所以，我在这里创建了一个弹出窗口，从系统中加载一个外部JSON文件.我想把这个JSON文件存储到javascript文件中的一个变量中.如何使用jquery或javascript实现这个功能？

/* Style this however you like */
#input-file-replacer {
  padding: 3px 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #ddd;
  color: #333;
  cursor: pointer;
}

<label>
  <input type="file" name="input-name" style="display: none;" />
  <span id="input-file-replacer">Select file</span>
</label>

Answer 1

你需要在文件中添加一个 onchange 功能。然后访问 files 函数内的对象

function uploadFile() {
  let x = document.getElementById("file");
  console.log(x.files)
}

#input-file-replacer {
  padding: 3px 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #ddd;
  color: #333;
  cursor: pointer;
}

<label>
  <input id ='file' type="file" name="input-name" style="display: none;" onchange="uploadFile()" />
  <span id="input-file-replacer">Select file</span>
</label>