前段时间做项目遇到一个需求是上传文件，大概需要实现的样式是这样子的，见下图：
需要同时上传两个文件。并且规定文件格式和文件大小。因为前端框架使用angular，且不想因为一个上传功能又引入一个jquery，所以在网上查找基于angular的上传控件，因为angular还算比较新，貌似都没有太成熟的插件，网上的教程也大多是复制粘贴，总之没起倒多大的作用...但是皇天不负有心人，最后还是让我遇到了这个功能强大的插件，让我有种相见恨晚的感觉呀，依靠官方文档和师兄的帮助，终于搞清楚了基本的使用方法。好东西要分享，所以现在跟大家分享一下他的使用方法，如果大家正好需要使用，希望能帮到大家。
在一个稍微有点逼格的网站中，这样一个样式实在是有点损失形象了，而且如果需要在前面加一个输入框来显示文件名的话，那默认的显示文件名的区域怎么隐藏掉呢？别急，继续看：
用一个a标签包住input标签，然后把input标签的opacity设为0，就可以了嘛！ok，看代码：
html：
然后是css文件：
大功告成了！！！你看到的样式就变成了这样了，见下图：
你可以控制前面的输入框来显示你选择了的文件名，是不是好看多了呢？
angular-file-upload
例子中能够找到我们需要的文件。例子中的es5-shim.min.js文件是为老的浏览器兼容而引入的，所以这个插件真的很强大呀。
这个插件定义了几个指令：nv-file-drop、nv-file-select、uploader
从单词意思来看应该不难猜出，第一个支持文件脱拽选择，第二个是点击选择，uploader用于绑定在控制器中新建的upload对象。
首先，注意这里需要上传两个文件，所以我创建两个upload对象，方便管理文件和处理回调函数。最后给上传按钮一个点击事件，同时处理两个对象的上传事件。
其实后来我发现，也可以不定义两个upload对象，因为这个插件提供了一个removeFromQueue(index)方法，index是文件队列数组中文件的index值。因为是两次选择文件，所以把长度控制在2，然后每次选择的时候调用这个方法，根据位置传入0或者1就好了。
如果需要实现同一个窗口能够多选文件，使用加上@H_404_84@即可。
如果需要限制文件类型，可以使用'即可。
accept取值类型列表：
accept="application/msword"
accept="application/pdf"
accept="application/poscript"
accept="application/rtf"
accept="application/x-zip-compressed"
accept="audio/basic"
accept="audio/x-aiff"
accept="audio/x-mpeg"
accept="audio/x-waw"
accept="image/*"
accept="image/gif"
accept="image/jpeg"
accept="image/tiff"
accept="image/x-ms-bmp"
accept="image/x-photo-cd"
accept="image/x-png"
accept="image/x-portablebitmap"
accept="image/x-portable-greymap"
accept="image/x-portable-pixmap"
accept="image/x-rgb"
accept="text/html"
accept="text/plain"
accept="video/quicktime"
accept="video/x-mpeg2"
accept="video/x-msvideo"
