如何实现异步文件上传
有了file filereader 对象的支持，异步文件上传将变得简单。（以前都会把form提交到iframe来实现）
1:取得file对象
2:读取2进制数据
3:模拟http请求，把数据发送出去（这里通常比较麻烦）
在forefox下使用 xmlhttprequest 对象的 sendasbinary 方法发送数据；
4:完美实现
遇到的问题
目前仅有 firefox 可以正确上传文件。（chrome也可以采google.gears上传）
对于从firefox和chrome下读取到的文件数据好像不一样（不知道是否是调试工具的原因）
chrome以及其他高级浏览器没有 sendasbinary 方法 只能使用 send 方法发送数据,有可能是上面的原因导致无法正确上传。（经过测试普通文本文件可以正确上传）
html5 file and filereader （把图片拖拽到这里）利用 filereader 获取文件 base64 编码 filereader对象var filereader = new filereader(); filereader.onloadend = function(){ console.log(this.readystate); // 这个时候 应该是 2 console.log(this.result); 读取完成回调函数，数据保存在result中 } filereader.readasbinarystring(file);// 开始读取2进制数据 异步 参数为file 对象 //filereader.readasdataurl(file); // 读取base64 //filereader.readastext(file);//读取文本信息
可以运行下面简单的例子（chrome 和 firefox 有效）
PHP怎么学习？PHP怎么入门？PHP在哪学？PHP怎么学才快？不用担心，这里为大家提供了PHP速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
794
收藏
