JS+HTML5 FileReader对象用法示例
程序员文章站
2022-04-10 11:53:19
本文实例讲述了js+html5 filereader对象用法。分享给大家供大家参考,具体如下:
filereader 实例中有四个方法来读取文件数据
1、readasb...
本文实例讲述了js+html5 filereader对象用法。分享给大家供大家参考,具体如下:
filereader 实例中有四个方法来读取文件数据
1、readasbinarystring(blob|file)
2、readasdataurl(blob|file)
3、readastext(blob|file)
4、readasarraybuffer(blob|file)
filereader 实例包含很多事件(onerror, onprogress, onload[result])
<input name="file" id="uploadfile" />
var file = document.getelementbyid("uploadfile"); var buffersize = 1024; var pos = 0; var onload = function(e) { console.log("read", e.target.result); var img = document.createelement("img"); img.src = e.target.result; img.width = 300; img.height = 300; document.body.appendchild(img); }; var onerror = function() {} var onprogress = function(e) {} file.onchange = function() { if (file.files) file = file.files[0]; while (pos < file.size) { var reader = new filereader(); reader.onload = onload; reader.onerror = onerror; /*reader.readastext(file.slice(pos, buffersize)); pos += buffersize; */ reader.readasdataurl(file); pos = file.size + 1; } }
更多关于javascript相关内容感兴趣的读者可查看本站专题:《javascript扩展技巧总结》、《javascript文件与目录操作技巧汇总》、《javascript错误与调试技巧总结》、《javascript数据结构与算法技巧总结》、《javascript遍历算法与技巧总结》及《javascript数学运算用法总结》
希望本文所述对大家javascript程序设计有所帮助。