实践Html5的上传文件

标签：

技术点：

1.通过input的change事件获取文件信息：

onchange = function() {

  this.files

}

2.文件对象中的文件信息

https://developer.mozilla.org/zh-CN/docs/Web/API/File

主要是name,size,type这三个属性

3.dom对象的classList属性

https://developer.mozilla.org/zh-CN/docs/Web/API/Element/classList

把属性的className对象化，不用再像以前使用拼接字符串的方式操作。

4.使用FileReader异步读取本地文件或文件对象

https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader

实践Html5的上传文件

标签：

原文地址：http://www.cnblogs.com/keepRunning/p/5652676.html