FileReader可读取任意File对象，能否正确解析取决于所选方法：readAsText适用于文本文件，readAsDataURL适合资源预览，readAsArrayBuffer用于二进制处理，readAsBinaryString已废弃；浏览器限制其仅能读取用户主动选择的文件，且操作均为异步。
FileReader API 本身不限制文件类型，它能读取任何通过或拖放等方式获取的对象
，包括文本、图片、音频、视频、PDF、压缩包、Office 文档等。真正决定“能否读取成功”和“是否能正确解析内容”的，是后续你用什么方法读取（
、
等）以及你如何解释读取结果。
支持的读取方式及对应适用场景
FileReader 提供 4 种核心读取方法，每种适用于不同需求：
：把文件当作文本读取，适合
、
、
、
、
等纯文本或可
编码
为文本的文件。需注意指定正确编码（如
），否则中文可能乱码。
：生成 base64 编码的 Data URL，适合预览图片、音频、视频等二进制资源（例如赋值给
或
）。
：读取为底层二进制缓冲区（
），适合需要精细操作
字节
的场景，比如解析 PDF 结构、校验文件头、处理图像像素、解压 ZIP 等。
：已废弃，不推荐使用；应改用
+
处理。
实际能“读”的文件，取决于你怎么选方法
比如一个
文件：
用
也能调用成功，但结果是乱码（因 JPEG 是二进制格式，不是有效 UTF-8 文本）；
用
就能正常得到可直接显示的 base64 字符串；
用
可进一步用
检查文件头（如
），确认是否真为 JPEG。
同理，一个
文件无法被
正确解析成表格，但可用
配合
库（如 SheetJS）来读取单元格数据。
立即学习
“
Java免费学习笔记（深入）
”；
Comet AI 浏览器
下载 Comet AI 浏览器，体验由 Perplexity AI 驱动的革命性上网方式。内置 AI 助手可实时总结网页、跨标签页对比信息、自动执行任务。告别繁琐操作，让 AI 成为你的浏览副驾，大幅提升研究与工作效率。支持 Windows、macOS、Android 和 iOS。
下载
浏览器
限制与安全注意事项
FileReader 运行在沙箱中，只能读取用户主动选择或拖入的文件，不能直接访问本地路径（如
）。它不支持跨域读取远程文件，也不提供写入、删除、重命名等操作。所有读取均为异步，需监听
、
等事件获取结果。
简单示例：安全读取并预览任意图片
以下代码兼容 JPG/PNG/GIF/SVG 等常见图片格式：
不复杂但容易忽略：判断
只是 MIME 类型提示，不可靠；关键还是根据业务目标选对
方法，并对结果做合理处理。
FilereadAsTextreadAsDataURLreadAsText(file, encoding).txt.json.csv.js.html'UTF-8'readAsDataURL(file)readAsArrayBuffer(file)ArrayBufferreadAsBinaryString(file)readAsArrayBufferUint8Array.jpgreadAsText()readAsDataURL()readAsArrayBuffer()new Uint8Array(buffer)FF D8 FF.xlsxreadAsText()readAsArrayBuffer()xlsxC:\xxx\file.txtonloadonerrorconst input = document.querySelector('input[type="file"]');
input.addEventListener('change', (e) => {
const file = e.target.files[0];
if (!file || !file.type.startsWith('image/')) return;
const reader = new FileReader();
reader.onload = () => {
const img = document.createElement('img');
img.src = reader.result; // result 是 data URL
document.body.appendChild(img);
};
reader.readAsDataURL(file);
});file.typereadAsXxx