将csv文件导入到handsontable

时间:2015-07-01 12:54:38

标签: csv handsontable

我正在寻找从csv文件到掌上电脑的导入数据。我只在csv中找到了导出的答案,但我不想这样做。 请问任何想法!

1 个答案:

答案 0 :(得分:0)

我开发了一些将xml上传到handsontable的javaScript代码。你可以适应这个:

使用XMLHttpRequest上传文件(这将来自本地机器),如下所示:

function uploadFile()
{
  var url = $("#fileUpload").val();  //gets filename from html input field

  var xhr = (window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"));
  xhr.onreadystatechange = XHRhandler;
  xhr.open("GET", url, true);
  xhr.send(null);

  function XHRhandler() {
    if (xhr.readyState == 4) {

      //the raw text from the file
      var rawText = xhr.responseText;
      xhr = null;
      makeDataArray(); //Make a function that uses the rawText 
                       //and parse out an array for the data portion of the table.
      makeTable();     //Make a function that renders the table with the data
    }

  }
}

确保从xhr调用中获取数据的所有操作都在该循环中,否则您将拥有一个空变量(由于调用的异步性质)。

使用一些此html代码添加到文件框中:

<input type="text" id="fileUpload" value="file.csvX"/> </input>
<input id="upload" type="button"  value="Upload" onclick="uploadFile();"/>    </input>