<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)
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.