NodeJS从文件选择器加载json而不重新加载网页

Question

有人做过吗？

我需要能够从 HTML 的输入文件选择器中获取 JSON 文件，然后读取、解析并在网页中显示。

页面无法重新加载，我不需要将其上传/复制到我的任何文件夹。我只需要阅读并显示它而无需重新加载网页。

有什么想法吗？我在 Nodejs 上。我正在提供静态 html 页面。显然这很简单，但我很挣扎。

Answer 1

HTML：

<input type="file" onchange='getContent(this)' />
<div id="file-content"></div>

JS：

function getContent(content) {
 if (content.files && content.files[0]) {
  var contentReader = new FileReader();
  contentReader.onload = function(e) {
   var output = e.target.result;
   document.getElementById('file-content').innerHTML = output;
  };
  contentReader.readAsText(content.files[0]);
 }
}

你可以看到实时预览here