angularJS对上存文件后缀名校验

使用框架，angularJS
整段代码是：

<div style="display:none;" id="pfileUpload">
    <p-fileUpload mode="basic" name="file" [url]="uploadPath" accept="image/*,.jpg,.png,.gif,.bmp,.doc,.docx,.rar,.zip"
    [maxFileSize]="maxFileSize" 
    invalidFileSizeMessageDetail = "请选择小于{0}的附件"
    auto="true" (onBeforeUpload)="onBeforeUpload($event)" 
    (onUpload)="onUpload($event)"
    (onSelect)="onSelect($event)"></p-fileUpload>
</div>

关键代码是：

accept="image/*,.jpg,.png,.gif,.bmp,.doc,.docx,.rar,.zip"

效果：不符合格式的，上传时，上传窗口将自动屏蔽后缀名不符合的文件。
仅为个人随笔，不喜勿喷。