Question

我正在尝试提交.tsv文件，然后使用d3.js转换.tsv文件。（稍后将用于绘制图表）

d3.js返回404文件未找到，是否提交无效，或者我没有正确调用d3.tsv方法。感觉就像在我选择文件之前尝试执行d3部分

编辑：添加了＃file-input

的.submit

$('#fileSubmit').on('click', function() {
  $('#file-input').trigger('click');
  $('#file-input').on('change', function(){
    $('#file-input').submit()(function{
      alert("Submited!");
       d3.tsv($('#file-input.'), function(data){console.log(data);})
    });
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
  <button id="fileSubmit">Open</button>
  <input id="file-input" type="file" name="name" style="display: none;" />

</body>

Answer 1

试试这个，你不需要.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);})
  });
});

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

1 个答案: