Get方法获取csv文件的内容

Get method to get the contents of the csv file

本文关键字：文件 csv 方法 获取 Get      更新时间：2023-09-26

提前道歉，因为我对javascript非常陌生。从本质上讲，我拼凑了两个剧本，我正在努力让它们发挥作用。我知道javascript通常不能访问本地文件，但有了File object可能吗？

在下面的代码中，如果我选择的文件是CSV，我如何将其传递给下一个函数$.get('data.csv', function(data)，使'data.csv'实际上是所选的文件？

<html>
<script type="text/javascript">
    document.getElementById('file').addEventListener('change', handleFileSelection, false);
    function handleFileSelection(evt) {
      console.log(evt);
      var f = evt.target.files[0];   
    }
    $(document).ready(function() {
      $.get('data.csv', function(data) {
        // Split the lines
        var lines = data.split(''n');
        //more code
      });
    });
</script>
<body>
    <input type="file" id="file" name="file" />
    <output id="list"></output>
</body>
</html>

​

我在这里看到的第一个问题是，您试图在创建实际元素之前添加事件侦听器（正如RobG所说）。

我可以提到的第二个问题是，您正试图使用$.get来解析本地CSV文件。如果您使用的是jQuery，那么$.get会对某个URL发出GET异步请求，而这不是您所需要的。您必须调查FileReader对象。我不熟悉它，所以我不能带来一个工作代码的例子，但你可以在这里寻找一些例子。

相关文章：