html api文件,HTML5 文件API

在HTML5中，提供了一个关于文件操作的文件API，通过使用这个接口，对于从Web页面上访问本地文件系统的相关处理将会变得十分简单。

FileList对象与file对象

FileList对象表示用户选择的文件列表。在HTML5中，通过在file控件中添加multiple属性，可以使用控件内一次放置多个文件。控件内的每一个用户选择的文件都是一个file对象，而FileList对象则为这些file对象的列表，代表用户选择的所有文件。file对象具有两个属性：name属性表示文件夹名(不包含路径)；lastModifiedDate属性表示文件的最后修改日期。

Blob对象

Blob表示二进制原始数据，它提供一个slice方法，可以通过该方法访问到字节内部的原始数据块。事实上，file对象也是继承了这个Blob对象。

Blob对象有两个属性：size属性表示一个Blob对象的字节长度；type属性表示Blob的MIME类型，如果是未知类型，则返回一个空字符串。

另外，HTML5中已经对file控件添加了accept属性，该属性让file控件只能打官腔某种类型的文件，该属性的使用方法如下：

Html代码

<input

type="file" id="file" accept="image/*"/>

示例1

为了方便，给jQuery提供访问FileList对象的功能，现扩展如下：

Js代码

jQuery.fn.files =

function() {

return

this[0].files;

};

jQuery.fn.files = function() { return this[0].files; };

示例所用HTML页面如下：

Html代码

分享：

喜欢

0

赠金笔

加载中，请稍候......

评论加载中，请稍候...

发评论

登录名： 密码： 找回密码 注册记住登录状态

昵   称：

评论并转载此博文

发评论

以上网友发言只代表其个人观点，不代表新浪网的观点或立场。