Question

我想从用户可以选择的路径加载* .csv 文件。我得到的路径：C:\\Users\\...

但是$.get方法无法读取此路径。路径如何看起来像？

$.get(pathAndFile, function (data) {...

Answer 1

如果您想从计算机中读取JavaScript中的CSV数据，则需要指示用户选择该文件（除了病毒之外，没有办法解决此问题）。但是，一旦用户选择了一个文件，您就可以使用少量的JavaScript（demo）

来读取和解析CSV数据

使用此HTML：

<input type="file" id="file" name="file" />
<table id="rows"></table>

这个JavaScript：

var output = $('#rows');
$('#file').on('change', function(evt) {
  var files = evt.target.files;
  for (var i = 0, f; f = files[i]; i++) {
    // Only process text files.
    if (!f.type.match('text/.*')) {
      alert('Unsupported filetype:'+f.type);
      continue;
    }
    var reader = new FileReader();
    reader.onloadend = function(evt) {
      var rows, row, cols, col, html;
      if (evt.target.readyState == FileReader.DONE) {
        output.empty();
        rows = evt.target.result.match(/[^\r\n]+/g);
        for(row = 0; row < rows.length; row++) {
          cols = rows[row].split(',');
          html = '<tr>';
          for(col = 0; col < cols.length; col++) {
            html += '<td>'+cols[col]+'</td>';
          }
          html += '</tr>';
          output.append(html);
        }
      }
    };
    // Read in the text file
    reader.readAsBinaryString(f);
  }
});

您可以根据CSV文件的内容生成HTML表格（这基于this excellent site）

Answer 2

function getFile(fileToRead) {

            var reader = new FileReader();
            reader.readAsText(fileToRead);

            // Handle errors load
            reader.onload = loadHandler;
            reader.onerror = errorHandler;
        }

        function loadHandler(event) {
            var csv = event.target.result;
            createChart(csv);
        }

带路径的JS $ .get方法文件

2 个答案: