如何将本地文件定义为DOM对象？

Question

我想使用JavaScript解析计算机中的数据。我使用papa parse。

在PapaParse文档中，已经声明可以通过以下代码解析本地文件;

Papa.parse(file, config)

在文档中，他们说文件是从DOM获取的File对象。如何将本地文件定义为DOM对象？

Answer 1

我怀疑这是可能的，因为这将是一个巨大的安全问题。想象一下，当您通过浏览器加载JavaScript时，有人可能只是从您的计算机中读取文件。你必须使用文件选择器。

<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<input type="file" id="csv-files" multiple>
<script>
  var handleFileSelect(evt) {
    var file = evt.target.files[0];
    // do stuff with that file e.g. Papa.parse(file)

  }

  $(document).ready(function() {
    $("#csv-files").change(handleFileSelect);
  });
</script>

上面的代码使用jQuery在使用文件选择器时加载文件。

请参阅joyofdata.de/parsing-local-csv-file以供参考。简明扼要。