<input id="input" type="file">
// 获取元素
const input = document.querySelector('input[type=file]')
// 监听事件
input.addEventListener('change', ()=>{
  // 创建FileReader实例对象
  const reader = new FileReader()
  // 调用readAsText()方法
  reader.readAsText(input.files[0],'utf8') // input.files[0]为第一个文件
  // onload:当读取操作成功完成时调用
  reader.onload = ()=>{
    document.body.innerHTML += reader.result  // reader.result为获取结果
  }
}, false)
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.