时间戳

首页 > 解决方案 > NodeJS从文件选择器加载json而不重新加载网页

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

问题描述

有人做过吗？

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

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

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

标签： htmlnode.jsfileselectorreload

解决方案

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]);
 }
}

您可以在此处查看实时预览

推荐阅读