Javascript 提交文件,然后使用该文件调用函数

Javascript 提交文件,然后使用该文件调用函数,javascript,jquery,d3.js,Javascript,Jquery,D3.js,我正在尝试提交一个.tsv文件,然后使用d3.js转换.tsv文件。稍后将用于绘制图形 d3.js返回404文件未找到,是提交不起作用,还是我没有正确调用d3.tsv方法。 感觉就像是在我选择文件之前尝试执行d3部分 编辑:添加。提交文件输入 $'fileSubmit'。单击,函数{ $“文件输入”。触发“单击”; $'file-input'。在'change'上,函数{ $'file-input'.submitfunction{ 已提交!; d3.tsv$'file-input',funct

我正在尝试提交一个.tsv文件,然后使用d3.js转换.tsv文件。稍后将用于绘制图形

d3.js返回404文件未找到,是提交不起作用,还是我没有正确调用d3.tsv方法。 感觉就像是在我选择文件之前尝试执行d3部分

编辑:添加。提交文件输入

$'fileSubmit'。单击,函数{ $“文件输入”。触发“单击”; $'file-input'。在'change'上,函数{ $'file-input'.submitfunction{ 已提交!; d3.tsv$'file-input',functiondata{console.logdata;} }; }; }; 打开
尝试此操作,您不需要.submit函数:

$('#fileSubmit').on('click', function() {
  $('#file-input').trigger('click');
  $('#file-input').on('change', function(){
      alert("Submited!");
      /* I don't know how d3 works so not sure what this is supposed to do */
      d3.tsv($('#file-input'), function(data){console.log(data);})
  });
});

当用户单击“文件提交”按钮时,该文件将不会被加载…@evolutionxbox不明白,您的意思是当选择该文件时,它不会自动提交?你能详细解释一下吗?404似乎证实了这一点。真的很难理解,那么有什么遗漏了吗?一旦用户选择了一个文件,我就要处理它。我已经在提交部分进行了编辑,但仍然存在相同的错误…这是错误的-$'file-input'。submitfunction{…}-你想做什么?d3.tsvmyFile.tsv,functiondata{console.logdata;}所以我选择的文件需要进入d3.tsv中-然后我将从中绘制图形好,然后看看这个