Javascript 获取方法以获取csv文件的内容_Javascript

Javascript 获取方法以获取csv文件的内容

javascript

Javascript 获取方法以获取csv文件的内容,javascript,Javascript,提前道歉，因为我对javascript非常陌生。基本上，我拼凑了两个脚本，我正在努力工作。我知道javascript通常无法访问本地文件，但使用文件对象可能吗在下面的代码中，如果我选择的文件是CSV，我如何将其传递给下一个函数$.get（'data.CSV'，function（data），那么'data.CSV'实际上是选择的文件 <html> <script type="text/javascript"> document.getElementById('f

提前道歉，因为我对javascript非常陌生。基本上，我拼凑了两个脚本，我正在努力工作。我知道javascript通常无法访问本地文件，但使用

文件对象

可能吗

在下面的代码中，如果我选择的文件是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>


document.getElementById（'file'）.addEventListener（'change'，handleFileSelection，false）；
功能手柄文件选择（evt）{
控制台日志（evt）；
var f=evt.target.files[0]；
}
$（文档）.ready（函数（）{
$.get（'data.csv'，函数（数据）{
//分道扬镳
变量行=data.split（'\n'）；
//更多代码
});
});

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

我可以提到的第二个问题是，您试图使用

$.get

来解析本地CSV文件。如果您使用的是jQuery，那么

$.get

会对某个URL发出一个get异步请求，而这不是您所需要的。您必须调查FileReader对象。我对它不熟悉，因此我无法提供wo示例rking代码，但您可以查找一些示例。

不是解决方案，但您试图过早添加侦听器，元素还不存在。如果您使用jQuery，请使用DOMReady fn，否则，将其内联或使用

窗口。onload

添加。谢谢-我正需要

文件阅读器。我找到了一个工作示例如果有人感兴趣，我很高兴这对你有帮助