FileReader js

回答: 在JavaScript中，FileReader对象用于读取文件。通过FileReader对象，可以读取文件的内容并将其存储在变量中以供后续使用。\[1\]以下是一个使用FileReader对象读取文件的示例代码：

const input = document.querySelector('input\[type=file\]')
input.addEventListener('change', () => {
  const reader = new FileReader()
  reader.readAsText(input.files\[0\],'utf8') // input.files\[0\]为第一个文件
  reader.onload = () => {
    document.body.innerHTML += reader.result // reader.result为获取结果
  }
}, false)

在上述代码中，首先通过querySelector方法获取到input元素，然后给input元素添加了一个change事件监听器。当用户选择文件后，change事件会触发，然后创建一个FileReader对象，并使用readAsText方法读取文件的内容。最后，通过onload事件处理程序获取读取到的结果，并将其添加到页面的body元素中。\[3\]这样就可以在JavaScript中使用FileReader对象来读取文件了。
#### 引用[.reference_title]
- *1* *2* *3* [JS: FileReader()读取文件](https://blog.csdn.net/xcbzsy/article/details/109578760)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]