如何实现上传JSON文件并将内容展示到文本框中？

需求 #

将上传的JSON文件内容格式化后展示到文本框中。

HTML代码 #

<input type="file" value="Import" name="myFiles" onchange="metadataFile()"/><br />
<textarea id="result"></textarea>

JavaScript代码 #

window.metadataFile = function() {
  var files = document.getElementsByName('myFiles').files;
  console.log(files);
  if (files.length <= 0) {
    return false;
  }
  var fr = new FileReader();
  fr.onload = function(e) {
    console.log(e);
    var result = JSON.parse(e.target.result);
    var formatted = JSON.stringify(result, null, 2);
    document.getElementById('result').value = formatted;
  }
  fr.readAsText(files.item(0));
}

内容的提问来源于stack exchange，提问作者Magendiran