如何检查上传文件是否是JSON文件？

Question

我正在从用户中获取文件输入，我想检查所选文件是否是JSON文件。我该怎么做？

<input type = "file" onChange = {checkJSON}/>

还如何从JSON文件中检索数据。

Answer 1

如果JSON.PARSE引发错误，则可能是无效的，因此您可以通过将数据输入字符串然后尝试解析该数据来检查其是否有效。

    try {  
      const json = JSON.parse(jsonStr);  
    } catch (e) {  
      console.log('invalid json');  
    }

Answer 2

您可以检查文件扩展名是否为JSON，并且确保以这种方式确保所选文件有效json ：

function Validate() {
  fileName = document.querySelector('#myfile').value;
  extension = fileName.split('.').pop();
  if (extension != "json")
  {
   alert("Sorry, " + fileName + " is invalid, allowed extension is json!");
   return false;
  }
  
  var file = document.getElementById('myfile').files[0];
  var reader = new FileReader();
  reader.readAsText(file, 'UTF-8');
  reader.onload = function(evt) {
    var jsondata = evt.target.result;
    try {  
      const json = JSON.parse(jsondata);  
      document.getElementById('jsondata').innerHTML = jsondata;
    } catch (e) {  
      alert("Sorry, " + fileName + " is not valid JSON file!");
      return false;  
    }
  }
  return true;
};

html内容：

<script src="script2.js"></script>
File: <input type="file" id="myfile" onchange="Validate()"/><br /><br />
<div id="jsondata"></div>

您可以使用我的 Little Working live Demo on replotit （两种情况 - onsubmit 和 onChange 演示）