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

Question

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

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

Papa.parse(file, config)

在文档中，他们说file 是从 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以供参考。简洁的解释。