限制input选择文件格式

<input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" />

HTML input 标签的 accept 属性
HTML input 标签
定义和用法
accept 属性只能与

<input type="file">

配合使用。它规定能够通过文件上传进行提交的文件类型。
提示：请避免使用该属性。应该在服务器端验证文件上传。

实例
在文件上传中使用 accept 属性，本例中的输入字段可以接受 GIF 和 JPEG 两种图像：

<form><input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" /></form>

如果不限制图像的格式，可以写为：accept=”image/*”。
语法

<input accept="value">

属性值
值 描述
MIME_type 用逗号隔开的 MIME 类型列表。