File, FileReader 和 Ajax 文件上传实例分析(php)_javascript技巧

File FileReader 可以干什么？
Ajax文件上传例子
FileReader 对象可以读取文件的 Base64编码数据（readAsDataURL），2进制字符串（readAsBinaryString），文本（readAsText）并且都是异步的。
对了，Email拖拽附件上传就可以利用 FileReader 配合 Ajax 完成。

File 对象
File对象可以从 input[type=file].files 数组，和拖拽事件 event.dataTransfer.files 中获取到。
第一张图是 Chrome 下的 File 对象，第2个图是Firefox下的File对象。Firefox下会多几个方法，注意这里的读取数据方法是同步的。




FileReader 对象
这是用来读取文件数据的（并且是异步的）。下面是一个简单的代码（file对象用上面的方法取得）

复制代码 代码如下:

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 有效）

复制代码 代码如下:

（把图片拖拽到这里）利用 FileReader 获取文件 base64 编码

• 深入浅析Bootstrap列表组组件
• JavaScript函数柯里化详解
• JS密码生成与强度检测完整实例(附demo源码下载)
• Angularjs整合微信UI（weui）
• JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招_javascript技巧