时间戳

首页 > 解决方案 > 如何在不编辑的情况下使用原始数据文件

javascript - 如何在不编辑的情况下使用原始数据文件

问题描述

我有一个 JSON 文件，其中包含一个多维信息数组。我想用它来填充网页，但我不想手动修改文件的内容。由于内容的原因，我无法包含文件的片段，但它看起来像：

{"something":{"value1":0,"value2":0,"value3":10000,"value4":"*"}}

如果文件格式如下，我可以使用数据：

var data = [{"something":{"value1":0,"value2":0,"value3":10000,"value4":"*"}}]

但如前所述，我不想手动添加“数据”的声明（和方括号）。

如何在我的 html 页面中执行此操作？我是否需要找到一种方法来添加和追加、保存在新文件中，还是有其他方法？

帮助表示赞赏。

标签： javascripthtmlarraysjson

解决方案

这是一种基于此从用户PC读取文件的方法：SO Answer

HTML：

  <input type='file' accept='text/plain' onchange='openFile(event)'>

JS：

var openFile = function(event) {

  var input = event.target
  var reader = new FileReader()

  reader.onload = function(e) {

    const jsonTxt = e.target.result.toString()
    const jsonTxtArray = '[' + jsonTxt + ']'
    console.log('obj', JSON.parse(jsonTxtArray))

  }

  reader.readAsText(input.files[0]);

}

这是一个工作示例：小提琴

推荐阅读