javascript如何操作文件_怎样通过File API上传和处理文件

JavaScript无法直接读写本地文件系统，需通过File API让用户主动选择文件，利用获取File对象，再用FileReader异步读取内容，或通过FormData上传至服务器，并支持预览、校验等前端处理。

JavaScript 本身不能直接读写本地文件系统（出于安全限制），但可以通过 File API 在浏览器中安全地访问用户主动选择的文件，实现上传、预览、校验和简单处理。核心是让用户通过 <input type="file"> 选择文件，再用 JavaScript 读取其内容或元数据。

获取用户选择的文件

使用 <input type="file"> 触发文件选择，通过 files 属性获取 FileList 对象：

• input.files 是只读类数组对象，每个项是 File 实例（继承自 Blob）
• File 对象包含 name、size、type（MIME 类型）、lastModified 等属性
• 支持多选时添加 multiple 属性：<input type="file" multiple>

用 FileReader 读取文件内容

FileReader 用于异步读取文件内容，支持文本、DataURL、ArrayBuffer 等格式：

• readAsText(file, encoding) → 读为字符串（如 UTF-8）
• readAsDataURL(file) → 生成 base64 字符串（适合图片预览）
• readAsArrayBuffer(file) → 读为二进制缓冲区（适合解析 Excel、音频等）
• 监听 onload 获取结果：reader.result；监听 onerror 捕获失败

上传文件到服务器

通常用 FormData 封装文件，配合 fetch 或 XMLHttpRequest 提交：

标签： javascript excel python java js 前端 node.js json node 浏览器 app