Question

没有显示输入按钮来选择文件名，有没有办法在我的根文件夹中硬连线自动加载的特定文件名？（不寻找用户选择文件名）修改evanplaice的优秀CSV到2d数组的JS代码...所以我想坚持使用输入...我看到有隐藏的方法使用CSS样式不透明度为0的按钮...提前感谢，Chris。

我想强迫/硬连接的文件名是＆＃34; SocialabSchedule2clean.csv＆＃34;

<input type="file" id="files" name="files[]"  />
var files = evt.target.files; // FileList object 
    var file = files[0]; 

function handleFileSelect(evt) {
   var files = evt.target.files; // FileList object 
    var file = files[0]; 

  // read the file contents
  printTable(file);

  // post the results
  $('#list').append(output);
}   

function printTable(file) {
  var reader = new FileReader();
  reader.readAsText(file);
  reader.onload = function(event){
    var csv = event.target.result;
    var data = $.csv.toArrays(csv);
    var html = '';
    for(var row in data) {
      html += '<tr>\r\n';
      for(var item in data[row]) {
        html += '<td>' + data[row][item] + '</td>\r\n';
      }
      html += '</tr>\r\n';
    }
    $('#contents').html(html);
  };
  reader.onerror = function(){ alert('Unable to read ' + file.fileName); };
}

Answer 1

如果您需要从网络服务器加载文件，可以使用@siguza建议的请求。

$.get("path/to/SocialabSchedule2clean.csv", function(response, status){
    if(status=="succes"){
        var data = $.csv.toArrays(response); 
        var html = ''; 
        for(var row in data) { 
            html += '<tr>\r\n';
            for(var item in data[row]) { 
            html += '<td>' + data[row][item] + '</td>\r\n'; } 
            html += '</tr>\r\n'; 
        } 
        $('#contents').html(html);
    }
});

Answer 2

此项工作除了状态失败与丢失的文件夹

<html>
<head>
<meta charset="utf-8" />
<title>Demo - CSV-to-Table</title>
</head>

<body>

<table id="contents" style="width:100%; height:400px;" border>
</table>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://www.inversemedia.com/socialab/Test3/jquery.csv.js">        </script>
<script>

 document.getElementById("contents").innerHTML = "STARTING UP";

    $.get("http://www.inversemedia.com/socialab/Test3/SocialabSchedule3clean.csv", function(response, status){  
 alert("Status: " + status);
 if(status=="success"){
    var data = $.csv.toArrays(response); 
    var html = ''; 
    for(var row in data) { 
        html += '<tr>\r\n';
        for(var item in data[row]) { 
        html += '<td>' + data[row][item] + '</td>\r\n'; } 
        html += '</tr>\r\n'; 
    } 
    $('#contents').html(html);
}
else
document.getElementById("contents").innerHTML = "FAILURE"; 
});

</script>
</body>
</html>

在输入文件中自动加载文件名=＆＃34;＆＃34;

2 个答案: