bootstrap table 实现前端execel导入功能

Bootstrap Table 提供了一个扩展插件 `bootstrap-table-import` 来实现前端 Excel 导入功能。下面是具体实现步骤：

1. 在页面中引入 `xlsx.full.min.js` 库和 `bootstrap-table-import.js` 插件。

<script src="path/to/xlsx.full.min.js"></script>
<script src="path/to/bootstrap-table-import.js"></script>

2. 在 Bootstrap Table 的初始化中加入 `importOptions` 配置项。

$('#table').bootstrapTable({
  // 其他配置项...
  importOptions: {
    fileTypes: ['xlsx'], // 可选的文件类型
    fieldName: 'excelFile', // 上传文件的字段名
    onImportSuccess: function (res) {
      console.log(res); // 导入成功后的回调函数
    },
    onImportError: function (err) {
      console.log(err); // 导入失败后的回调函数
    }
  }
});

这里的 `fileTypes` 表示可选的文件类型，`fieldName` 表示上传文件的字段名，`onImportSuccess` 和 `onImportError` 分别表示导入成功和导入失败后的回调函数。

3. 在页面中添加一个上传文件的按钮，并绑定 `importTable` 方法。

<input type="file" id="input-excel-file">
<button type="button" id="btn-import-table">导入表格</button>

$('#btn-import-table').click(function () {
  var file = $('#input-excel-file')[0].files[0]; // 获取上传的文件
  $('#table').bootstrapTable('importTable', file); // 调用 importTable 方法导入表格
});

这里的 `importTable` 方法就是 `bootstrap-table-import` 插件提供的方法，它可以将上传的 Excel 文件解析成 JSON 数据，并将其渲染到 Bootstrap Table 中。

注：为了避免跨域问题，建议将上传文件的接口和页面部署在同一个服务器上。