JS美元.获取带有路径的方法文件

JS $.get method file with path

本文关键字：方法 文件 路径 美元 获取 JS      更新时间：2023-09-26

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

但是$.get方法不能读取这个路径。路径应该是什么样的?

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

如果你想用JavaScript从计算机中读取CSV数据，你需要指示用户选择文件(除了可能的病毒之外，没有其他方法可以绕过这个)。然而，一旦用户选择了一个文件，你就可以用少量的JavaScript来读取和解析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表(这是基于这个优秀的站点)

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);
        }
相关文章：