网易邮箱多文件上传机制初探

最近看了下网易邮箱多文件上传功能，感觉非常不错，就研究了下，写点心得，以后备用

其实html5已经支持多文件上传标签，在上传组件上加入multiple="multiple" 即可

<input type="file" name="img" multiple="multiple" />

但这只限于支持html5的浏览器而言，如果是不支持此属性的浏览器是如何实现多文件上传的呢，答案很简单，网易使用了flex的多文件上传，在页面加载初期，就已经判断浏览器类型及版本，就可实现两种不同方式。

至于在页面上看不到文件上传按钮，是因为文件上传组件设置了透明，之后再放置该组件的位置加入一个div，通过点击div触发文件选择操作