jquery - 自动加载输入文件 =""中的文件名

标签 jquery html

有没有一种方法可以在我的根文件夹中硬连接一个自动加载的特定文件名,而不是显示一个输入按钮来选择一个文件名? (不希望用户选择文件名)将 evanplaice 的优秀 CSV 修改为二维数组的 JS 代码……所以我想坚持使用输入……我看到有使用 CSS 样式隐藏按钮的方法不透明度为 0...提前致谢,Chris。

我想强制/硬连线的文件名是“SocialabSchedule2clean.csv”

<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); };
}

最佳答案

如果您需要从网络服务器加载文件,您可以使用@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);
    }
});

关于jquery - 自动加载输入文件 =""中的文件名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38946497/

相关文章:

html - 使用 CSS 视差滚动页面消失/移动导航

javascript - 需要找到这个脚本

html - 在 2 个 div 之间获得不需要的空间

jquery - 动态垂直对齐

jquery - 使用 Jquery 将 html 附加到 css?

asp.net - 内联样式属性的 JQuery 选择器

html - Oracle 到 Excel - PL/SQL 导出程序

jquery - 多个ajax请求 Angular : limit the number of active to 10

javascript - 为什么我的 JQuery 代码在正确编写代码时不想工作

html - 表单标签的语义