FileReader.result
FileReader.result
该属性返回文件的内容。此属性仅在读取操作完成后才有效,并且数据的格式取决于用于启动读取操作的方法。FileReader
]**result**
句法
var file = instanceOfFileReader .result
值
适当的字符串或ArrayBuffer
]基于哪种读取方法来启动读取操作。该值是null
读数是否尚未完成或未成功。
结果类型如下所述。
方法 | 描述 |
---|---|
readAsArrayBuffer() |
的result 是JavaScript ArrayBuffer 包含的二进制数据。 |
readAsBinaryString() |
该result 包含在一个字符串的文件的原始的二进制数据。 |
readAsDataURL() |
该result 是一个字符串data: 表示文件的传输数据的URL。 |
readAsText() |
该result 是一个字符串文本。 |
例
此示例展示了一个函数,read()
该函数从file input读取文件。它的工作方式是创建一个FileReader
对象并为加载事件创建一个侦听器,以便在读取文件时result
获取并将其传递给提供给的回调函数read()
。
内容作为原始文本数据处理。
var fileInput = document.querySelector('input[type="file"]');
function read(callback) {
var file = fileInput.files.item(0);
var reader = new FileReader();
reader.onload = function() {
callback(reader.result);
}
reader.readAsText(file);
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!