如何用JavaScript读取文件，有更多方法可以学吗？

本文共计2342个文字，预计阅读时间需要10分钟。

目录+ 使用 JavaScript 读取文件概述+ 选择带有输入元素的文件+ 处理输入元素的变更事件+ 从输入元素的 files 属性中获取一个 File 对象+ 使用 FileReader 读取 File 对象+ 读取和显示文件示例

目录

• 使用 JavaScript 读取文件概述
• 选择带有输入元素的文件
• 处理输入元素的变化事件
• 从输入元素的 files 属性中获取一个 File 对象
• 使用 FileReader 读取 File 对象
• 读取文件示例
• 读取和显示所选文件的示例
• Promise 的事件处理和使用
• 简单的二进制文件查看器

您可以使用 JavaScript File API 加载选定文件的内容。本节介绍 File API 的基本用法。

现在让我们看看如何使用 File API。

使用 JavaScript 读取文件概述

选择带有输入元素的文件

在 HTML 中，您可以通过将 input 元素的 type 属性设置为 file 来选择文件。

<input type="file">

如果您想允许多个文件选择多设置属性。