文档章节

HTML5之文件API

bosscheng
 bosscheng
发布于 2014/11/05 17:00
字数 327
阅读 21
收藏 0

FileList对象

FileList对象表示用户选择的文件列表。可以通过设置multiple属性,file控件内 允许一次放置多个文件。在控件内每一个用户选择的文件都是一个file对象,而FileList对象则为这些file对象的列表

file对象

含有四个属性

lastModifiedDate:文件最后修改日期

name:文件名

继承于Blob对象的属性

size:文件大小

type:文件类型

Blob对象

blob对象表示二进制原始数据,提供一个slice方法,可以通过这个方法来去访问到字节内部的原始数据块。file对象时继承这个对象的。

含有属性

size: 大小

type: 类型

FileReader接口

FileReader接口提供的方法

readAsBinaryString(file) 将文件读取为二进制流

readAsText(file,[encoding]) 将文件读取为文本

readAsDataURL(file) 将文件读取为DataURL

abort()     中断读取操作

FileReader接口的事件

onabort:数据读取中断的时候触发。

onerror:数据读取出错的时候触发

onloadstart:数据读取开始的时候触发

onprogress:数据读取中

onload: 数据读取成功的时候触发

onloadend  :数据读取完毕的时候触发,无论成功还是失败


© 著作权归作者所有

bosscheng
粉丝 81
博文 303
码字总数 95443
作品 0
南京
前端工程师
私信 提问
移动Web应用程序开发 HTML5篇 (四) 多媒体API

介绍 本系列博客将主要介绍如今大红大紫的移动Web应用程序开发最重要的三个工具:HTML5,JavaScript, CSS3。 本篇是HTML5介绍的第四篇,主要介绍HTML5的多媒体API。 相关文章: 移动Web应用...

红薯
2012/02/27
1K
0
为开发者和设计者准备的 HTML5 文件上传教程

本文主要是收集了一些使用 HTML5 进行文件上传的教程: 纯 HTML5 文件上传 带进度条的 HTML5 文件上传 HTML5 拖放式文件上传的 API 教程 全新的 HTML5 多文件上传 使用 jQuery 的 HTML5 文件...

红薯
2012/01/18
2.2K
4
Flutter数据持久化入门以及与Web开发的对比

对于大部分安卓或者IOS开发人员来说,App的数据持久化可能是很平常的一个话题。但是对于Web开发人员来说,可能紧紧意味着localStorage和sessionStorage。 Web开发 localStorage和sessionStor...

阿尔卑斯de秘密
2018/11/23
0
0
好程序员技术分享html5和JavaScript的区别

好程序员技术分享html5和JavaScript的区别,HTML5广义上讲是前端开发学科的代名词,包含HTML5、CSS3及JavaScript三个重要的部分,是运行在浏览器上应用的统称。如PC端网站、管理系统、手机网...

好程序员IT
04/26
0
0
华丽丽的HTML5新特性

Web2.0带来的丰富互联网技术让所有人都享受到了技术发展和体验进步的乐趣。作为下一代互联网标准,HTML5自然也是备受期待和瞩目,技 术人员、设计者、互联网爱好者们都在热议HTML5究竟能带来...

小编辑
2011/07/13
1K
1

没有更多内容

加载失败,请刷新页面

加载更多

ucos 中断,调度,互斥 分析

实际场景: 首先有个标志位 pps_flag,是一个全局变量。有两个地方会用到这个变量,一个是pps信号触发的外部中断,一个是ucos的任务。当pps信号触发外部中断的时候pps_flag被置为2,当任务里面...

青春无极限
15分钟前
1
0
spark streaming、flink和storm区别浅析

1. 介绍 这三个计算框架常常被拿来比较。从我的角度来看,三者的比较可以分为两类(mini-batches vs. streaming)。spark streaming属于微批量的伪流式准实时计算框架(spark本身属于批处理框架...

xiaomin0322
23分钟前
1
0
存储过程无参数,in,out ,in out 的用法

select * from scott.emp where empno=7839 or empno=7566 select * from emp5 create table emp5 as select * from scott.emp -----------------in create or replace procedure raisesalar......

颜丽
今天
2
0
SOFAJRaft-RheaKV 是如何使用 Raft 的 | SOFAJRaft 实现原理

SOFAStack Scalable Open Financial Architecture Stack 是蚂蚁金服自主研发的金融级分布式架构,包含了构建金融级云原生架构所需的各个组件,是在金融场景里锤炼出来的最佳实践。 本文为《剖...

SOFAStack
今天
2
0
同一父类,不同子类集合可判断该元素组是否相等

判断集合是否相等时只关注元素是否相等,无需考虑类型,即同调父类AbstractList里的equal方法 源码如下: public boolean equals(Object o) { if (o == this) return true; if (!(o instance...

恋码之子
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部