HTML5 文件API-input File

上传input

  • 多文件上传 设置属性 multiple
  • 限制上传文件的格式 属性 accept="image/jpeg" accept="text/html" image/*

FileList对象

  • 是用户上传或者拖拽到浏览器的 文件的集合
  • 可以通过 inputElement.files 来获取
  • 是一个类数组对象 由File对象组成

File对象

  • 属性 name
  • 属性 size
  • 属性 type
  • 属性 lastModified
  • 属性 lastModifiedDate

实例


    

FileList和File

FileReader

属性
  • result 读取结果
  • error 错误内容
  • readyState 读取状态
方法 (没有返回值)
  • readAsText() 把文件读取为文本
  • readyAsDataURL() 读取为base64图片编码
  • readyAsArrayBuffer() 读取为Buffer 数据类型
  • readyAsBinaryString() 读取为二进制字符串
  • abort() 终止读取操作
事件
  • onerror 读取错误时触发
  • onabort 读取中断时触发
  • onloadstart 读取开始时触发
  • onload 读取成功时触发
  • onloadend 读取结束时 不论成功或失败
  • onprogress 读取过程中多次触发

实例

FileReader


你可能感兴趣的:(HTML5 文件API-input File)