这篇文章主要介绍了JS HTML5文件阅读器对象用法,结合具体实例形式分析了文件阅读器对象的常用方法及简单使用技巧,需要的朋友可以参考下
本文实例讲述了JS HTML5文件阅读器对象用法。分享给大家供大家参考,具体如下:
FileReader 实例中有四个方法来读取文件数据
1、readAsBinaryString(Blob|File)
2、readAsDataURL(Blob|File)
3、readAsText(Blob|File)
4、readAsArrayBuffer(Blob|File)
文件阅读器实例包含很多事件(onerror,onprogress,onload[结果])
输入名称='file' id='uploadFile' /
var文件=文档。getelementbyid(' uploadFile ');
var bufferSize=1024
var pos=0;
变量加载=函数(e) {
console.log('Read ',e . target。结果);
var img=文档。createelement(“img”);
img。src=e .目标。结果;
宽度=300
img.height=300
文档。身体。appendchild(img);
};
var onerror=function() {}
var onprogress=function(e) {}
file.onchange=function() {
如果(文件。文件)文件=文件。文件[0];
while (pos file.size) {
var reader=new FileReader();
reader.onload=onload
读者。出错时=出错时;
/*读者。readas文本(文件。slice(pos,缓冲区大小));
pos=bufferSize*/
reader.readAsDataURL(文件);
pos=文件。尺寸1;
}
}
更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题: 《JavaScript扩展技巧总结》 、 《JavaScript文件与目录操作技巧汇总》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》
希望本文所述对大家Java脚本语言程序设计有所帮助。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。