zoukankan      html  css  js  c++  java
  • h5新特性 File API详解

      之前一直觉得h5的新特性就是一些新标签呢,直到想研究一下图片上传预览的原理,才发现还是有好多新的api的,只是不兼容ie低版本,挺可惜的,

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

      1、name:本地文件系统的文件名;

      2、size:文件的字节大小;

      3、type:字符串,文件的MIME类型;

      4、lastModifiedDate:字符串,文件上一次被修改的事件,(只有chrome实现了这个属性)

      例子:

      现在我们获取id为“files-list”的input,type为file,的元素,将该元素上传的文件输出到控制台:

    FileReader类型:

      FileReader类型实现的是一种异步的文件读取机制,可以把fileReader想象成XMLHttpResquest,区别就是FileReader读取的是文件,而不是远程服务,为了读取文件中的数据,FileReader提供了如下几种方法:

      1、readAsTxt,以纯文本的形式读取文件,将读取到的文件保存到result属性中;

      2、readAsDataURL,读取文件,并将文件数据URL保存到result属性中;

      3、readAsArrayBuffer,读取文件,并将

    没写完呢,放假回家

  • 相关阅读:
    HTTP协议
    优化特定类型的查询
    Feign性能优化注意事项
    Spring Cloud(Netflix) Feign: 以Dubbo暴露服务的方式使用Feign
    Swagger注解
    Myeclipse、eclipse安装lombok
    微服务和单体架构的区别以及springClould版本的说明
    索引优化是对查询性能优化最有效的手段
    Schemal和数据类型的优化
    spring定时器的使用
  • 原文地址:https://www.cnblogs.com/learnings/p/7611780.html
Copyright © 2011-2022 走看看