微客导航 » 文章资讯 » JS+HTML5 FileReader对象用法示例

JS+HTML5 FileReader对象用法示例

2024-02-26 02:48:02 299

本文实例讲述了JS+HTML5FileReader对象用法。分享给大家供大家参考，具体如下：

FileReader实例中有四个方法来读取文件数据

1、readAsBinaryString(Blob|File)
2、readAsDataURL(Blob|File)
3、readAsText(Blob|File)
4、readAsArrayBuffer(Blob|File)

FileReader实例包含很多事件（onerror,onprogress,onload[result]）

varfile=document.getElementById("uploadFile");
varbufferSize=1024;
varpos=0;
varonload=function(e){
console.log("Read",e.target.result);
varimg=document.createElement("img");
img.src=e.target.result;
img.width=300;
img.height=300;
document.body.appendChild(img);
};
varonerror=function(){}
varonprogress=function(e){}
file.onchange=function(){
if(file.files)file=file.files[0];
while(pos
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript扩展技巧总结》、《JavaScript文件与目录操作技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。

返回顶部
3162201930
czq8825@qq.com

JS+HTML5 FileReader对象用法示例

热门推荐

随机推荐