拖拽文件后需用filereader或url.createobjecturl()读取内容：filereader适合文本类文件（readastext）和二进制类文件（readasarraybuffer/readasdataurl），createobjecturl()适用于快速预览或上传，使用后须revoke释放内存。
拖拽文件到网页后，关键在于从 File 对象中提取内容——它本身只是元数据和引用，真正读取需借助 FileReader 或 URL.createObjectURL() 等方式，具体选哪种取决于你要解析的文件类型和用途。
用 FileReader 读取文本类文件（如 .txt、.json、.csv）
FileReader 是最常用的方式，适合需要获取文件原始内容的场景。它支持异步读取，并提供多种格式结果（文本、ArrayBuffer、DataURL）。
- 调用
readAsText(file, encoding)获取字符串，encoding默认为 UTF-8，中文文件建议显式指定 - 监听
onload事件，在其中访问reader.result得到解析后的文本 - 对 JSON 文件，可直接
JSON.parse(reader.result)转为对象；对 CSV，可用简单字符串分割或第三方库进一步处理 - 注意：
FileReader实例不可复用，每次读取需新建一个
用 FileReader 读取二进制/图像类文件（如 .png、.pdf、.xlsx）
非文本文件通常需以 ArrayBuffer 或 DataUrl 形式处理。例如显示图片、解析 PDF 结构、或交给 WebAssembly 模块处理 Excel。
- 调用
readAsArrayBuffer(file)获取二进制数据，适合后续用Uint8Array或解析库（如pdfjs-dist、xlsx）处理 - 调用
readAsDataURL(file)生成 base64 字符串，可直接赋值给<img src="...">预览图片 - 大文件慎用
readAsDataURL，base64 编码体积增大约 33%，且会阻塞主线程更久
用 URL.createObjectURL() 快速预览或上传
如果只需临时显示文件（如图片缩略图）或上传到服务器，无需立即读取内容，createObjectURL() 更轻量高效。
- 传入
File对象，返回一个指向该文件的本地 URL（形如blob:https://...） - 可直接用于
<img>、<video></video>、<audio></audio>的src属性 - 使用完毕后务必调用
URL.revokeObjectURL(url)释放内存，避免内存泄漏 - 该 URL 不能跨域访问，也不能用于 AJAX 请求的
file://地址
结合拖拽事件完整示例（简化版）
在 drop 事件中获取 event.dataTransfer.files，遍历每个 File 并按需处理：
- 检查
file.type或file.name后缀判断类型，分流处理逻辑 - 对多个文件，建议逐个创建
FileReader并用闭包或let保证作用域正确 - 添加
onerror处理读取失败（如权限问题、文件损坏），并提示用户 - 大文件可配合
file.size做前置校验，超限则拒绝读取
大量免费API接口：立即使用
涵盖生活服务API、金融科技API、企业工商API、等相关的API接口服务。免费API接口可安全、合规地连接上下游，为数据API应用能力赋能！
