FileReader 文件读取
来源:互联网 发布:手机看网站源码 编辑:程序博客网 时间:2024/05/24 06:07
fileReader 读取文件
本文主要就是说一下 H5 fileReader 的使用
fileReader API
readAsBinaryString 读取二进制流
readAsDataURL 读取图片病进行base-64编码
readAsText 读取文本文件
code
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>fileReader</title></head><body> <input type="file" id="lalala"></body><script type="text/javascript"> document.getElementById("lalala").onchange = function(){ fileReader.readAsDataURL(this.id); } var fileReader = new FileReader(); function FileReader() { this.getFile = function (id) { var file = document.getElementById(id).files[0]; return file; } // 二进制流 this.readAsBinaryString = function (fileId) { var file = this.getFile(fileId); var reader = new FileReader(); reader.readAsBinaryString(file); reader.onload = function (f) { console.log(this); } }; // data url this.readAsDataURL = function (fileId) { var file = this.getFile(fileId); var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function (f) { console.log(this); } }; // text this.readAsText = function (fileId) { var file = this.getFile(fileId); var reader = new FileReader(); reader.readAsText(file); reader.onload = function(f){ console.log(this); } }; }</script></html>
个人纯手打,有不当之处请留言,谢谢!
阅读全文
1 0
- FileReader读取文件内容!
- java filereader读取文件
- FileReader读取文件
- FileReader读取文件方法
- FileReader读取转化文件
- FileReader读取文件
- FileReader文件读取API
- FileReader 文件读取
- (38)FileReader读取文件本身
- FileInputStream与FileReader读取文件
- HTML5 FileReader 读取txt文件
- HTML5之FileReader读取文件
- BufferedReader和FileReader读取txt文件乱码
- Java中读取字符文件类FileReader
- FileReader:读取本地图片文件并显示
- IO:如何使用FileReader来读取文件
- FileReader:读取本地图片文件并显示
- java IO流 读取文件FileReader方法
- can't return outside function or method解决方法
- 五、计算机网络之传输层
- 20170912_将一个整数转换为字符串
- 素数判断c++
- XMLHttpRequest Ajax 实例简介
- FileReader 文件读取
- 神兽保佑,代码无bug
- 在编写strcpy函数时的记录
- Javascript DOM(第二版) 动态创建标记---重回图片库
- 委托的定义_委托的实例
- 排序算法总结(一)
- 简单hover效果-添加投影3D
- 六、计算机网络之应用层与路由
- 9.11 12 学到了什么