时间戳

首页 > 解决方案 > 没有用户交互Javascript的文件阅读器

javascript - 没有用户交互Javascript的文件阅读器

问题描述

我正在尝试编写可以从 excel 文件加载表格的软件。但是，我希望在加载页面时自动加载文件。
我正在使用输入类型按钮来处理事件，并且我希望从页面中删除它，因为我要使用的文件是固定的，只会用于监视数据。

var wb;
$('#input-excel2').change(function(e) {
  var reader = new FileReader();
  reader.readAsArrayBuffer(e.target.files[0]);
  reader.onload = function(e) {
    var data = new Uint8Array(reader.result);
    wb = XLSX.read(data, {
      type: 'array'
    });
    var htmlstr = XLSX.write(wb, {
      sheet: "Vans in Repair",
      type: 'binary',
      bookType: 'html'
    });
    $('#NW')[0].innerHTML += htmlstr;
    console.log(htmlstr);
  }
});
<html>

<head>
  <script src="vendor/jquery/jquery.js"></script>
  <script lang="javascript" src="sheetjs/dist/xlsx.full.min.js"></script>
  <link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/style.css">
</head>

<body>
  <div id="navbar"><span>Monitoring software </span></div>
  <div class="col-md-6 quad">
    <div id='NW'>
      <input type="file" id="input-excel2" />
    </div>
  </div>
</body>

</html>

标签： javascripthtmlfilereader

解决方案

推荐阅读