JS+HTML5 FileReader对象用法示例
本文实例讲述了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程序设计有所帮助。
-
本文向大家介绍js对象简介与基本用法示例，包括了js对象简介与基本用法示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js对象简介与基本用法。分享给大家供大家参考，具体如下： 对象简介 js中没有"类"的概念，只有对象。 A:对象声明方式有三种 ------------1.调用Object函数创建对象: 对于一个已经声明的对象，可以给该对象设置任意属性。比如 这样就给person对象
-
本文向大家介绍JS创建对象的写法示例，包括了JS创建对象的写法示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS创建对象的写法。分享给大家供大家参考，具体如下： 写法1： URL HASH: 我们通过绑定hashchange事件，当点击连接时可以实现使用ajax实现无刷新跳转。 更多关于JavaScript相关内容可查看本站专题：《javascript面向对象入门教程》、《JavaS
-
在JS中，如果我将一个字符串记录到控制台，它是否没有正确显示？ 后果 那么为什么显示的是[object]，而不是值呢？它就像是在附加字符串的情况下更改类型？
-
本文向大家介绍JS几个常用的函数和对象定义与用法示例，包括了JS几个常用的函数和对象定义与用法示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS几个常用的函数和对象定义与用法。分享给大家供大家参考，具体如下： 仅仅是几个基本的函数，有看还是api. 感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/Htm
-
本文向大家介绍JS localStorage存储对象，sessionStorage存储数组对象操作示例，包括了JS localStorage存储对象，sessionStorage存储数组对象操作示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS localStorage存储对象，sessionStorage存储数组对象操作。分享给大家供大家参考，具体如下： 一、前言 最近在用angu
-
在使用JS工作时，有一些对象和方法会被频繁的使用。下面是它们的一个小的集合。 Math.floor(v),Math.ceil(v),Math.round(v) - 从浮点数获取最大，最小和随机整数 Math.random() - 创建一个在0到1之间的随机数 Object.keys(o) - 获取对象的索引值（包括QObject） JSON.parse(s), JSON.stringify(o)
-
我想显示存储在我的mongodb中的每个文档。我尝试了以下代码，它只是简单地获取collection.find（）并通过res.send（）显示 我希望它显示存储在mongoDB中的实际文档。但相反，它显示了这种对象格式： 显示原始mongodb文档还需要其他步骤吗？
-
本文向大家介绍Python 面向对象之类class和对象基本用法示例，包括了Python 面向对象之类class和对象基本用法示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Python 面向对象之类class和对象基本用法。分享给大家供大家参考，具体如下： 类（class）：定义一件事物的抽象特点，usually，类定义了事物的属性和它可以做到的性为 对象（object）：是类的实例