上传文件时候限制类型，只显示需要的类型

我们在做一些文件上传的时候，会限制只能上传某种类型的文件。一来这样可以减少用户出错的可能性，二来可以减少程序的负荷。下面就贴上代码：

<div class="form-group">
  <label for="title" class="col-xs-4 col-sm-2 control-label">文档&nbsp;:</label>
  <div class="col-xs-8 col-sm-9">
    <input type="file" id="document" name="document" class="btn btn-primary" accept="application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/jpeg, image/png,application/pdf"/>
    文件类型只能是word，ppt，pdf，jpg，png中的一种 ！且大小不能超过 10 M。
    <input type="hidden" name="type" value="1">
  </div>
</div>

input里面的type=file，accept属性基本上主流浏览器都支持，参考w3c如下：
http://www.w3school.com.cn/tags/tag_input.asp
http://www.w3school.com.cn/tags/att_input_accept.asp

这里只是前台判断，后台还是必须要检测。前台总是第一道门槛，后台是更严格的筛选，这样做的好处除了上述说的两点之外，还有个好处就是后端代码可以快速复用。

重要，文件类型与mimetype的关系对照：

https://blog.csdn.net/zhezhebie/article/details/80513499