angular-file-upload angularJS 文件上传

项目前台用的是angularJS 这个前台框架  在做文件上传的时候就用了这个angular-file-upload 这个插件

与之相同的插件还有 ng-file-upload  两者各有千秋吧  ng-file-upload 感觉会简单点 但是不知到能不能上传视频 所以就用了angular-file-upload

进入正题

直接上代码

前台HTML

<div class="uploading form-group">
    <input class="form-control" ng-model="fileItem.name" readonly/>
    <a href="javascript:;" class="choose-book">
        <input type="file" name="certificate" nv-file-select accept="video/*" uploader="uploader" ng-click="clearItems()"  />
        <input type="file" name="certificate" nv-file-select accept="image/*" uploader="uploader" ng-click="clearItems()" />
    </a>
</div>

其中的accept是限制 稍后会在下面归纳出来 这个是有一个ng-click事件 也就是说 我点击添加文件后他自动上传

accept取值类型列表：

* accept="application/msexcel"

* 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-pn/realaudio"

* 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"

之后是

后台JS文件 

我们在JS需要引用第三方就是angular-file-upload 给的 js

分别是

<script type="text/javascript" src="../lib/angular/angularFileUpload/angular-file-upload.min.js"></script>
<script type="text/javascript" src=