H5文件操作API汇总

以 前我们操作本地文件都是使用 flash、silverlight 或者第三方的 activeX 插件等技术，由于使用了这些技术后就很 难进行跨平台、或者跨浏览器、跨设备 等情况下实现统一的表现，从另外一个角度来说就是让我们的web应用依赖了第三方的插件，而不是很独立。 在HTML5标准中，默认提供了操作文件的API让这一切直接标准化。有了操作文件的API，让我们的Web应用可以很轻松的通过JS来控制文件的读取、写入、文件夹、文件等一系列的操作。接下来主要给大家介绍文件读取的几个API。

案例中会出现的一个对象的包装 addEventListener，下面就直接使用。

EventUtil = {
      
  addHandler: function (obj, event, handler) {
      
    if (obj.addEventListener) {
      
      obj.addEventListener(event, handler, false);
    } else if (obj.attachEvent) {
      
      obj.attachEvent('on' + event, handler);
    } else {
      
      obj['on' + event] = handler;
    }
  },
  removeHandler: function (obj, event, handler) {
      
    if (obj.removeEventListener) {
      
      obj.removeEventListener(event, handler, false);
    } else if (obj.detachEvent) {
      
      obj.detachEvent('on' + event, handler);
    } else {
      
      obj['on' + event] = null;
    }
  }
};

File API

File API在表单中的文件输入字段的基础上，又添加了一些直接访问文件信息的接口。H5在DOM中为文件输入元素添加了一个files集合，在通过文本输入字段选择了一或多个文件时，files集合中将包含一组File对象，每个File对象对应着一个文件。每个File对象都有下列只读属性。注意监测的事件： change

• name: 本地文件系统的文件名
• size： 文件的字节大小
• type：字符串，文件的MIME类型。
• lastM