使用bootstrap获取input type=file 的文件内容

由于出于安全考虑，浏览器不允许通过 JavaScript 直接访问用户本地计算机上的文件系统，因此无法直接获取 input type=file 的文件内容。但是，我们可以通过以下方式获取文件内容：

1. 将 input type=file 放在一个 form 表单中，并设置 form 的 enctype 属性为 multipart/form-data。

<form id="myForm" enctype="multipart/form-data">
  <input type="file" id="myFile">
</form>

2. 给 input type=file 绑定 onchange 事件，当用户选择文件后触发该事件。

document.getElementById("myFile").onchange = function() {
  var file = this.files[0];
  var reader = new FileReader();
  reader.readAsText(file);
  reader.onload = function() {
    console.log(reader.result);
  };
};

3. 在 onchange 事件中，使用 FileReader 对象读取文件内容。可以使用 FileReader 的 readAsText() 方法读取文件内容，并在 onload 事件中获取文件内容。

var reader = new FileReader();
reader.readAsText(file);
reader.onload = function() {
  console.log(reader.result);
};

注意：由于 FileReader 是 HTML5 中的新特性，因此不是所有浏览器都支持。建议在使用 FileReader 时进行浏览器兼容性测试。