Question

使用<input type="file">限定上传的文件类型，要求点击浏览的时候就限定类型，不要在js中验证判断

Answer 1

accept 属性只能与 <input type="file"> 配合使用。它规定能够通过文件上传进行提交的文件类型。

提示：请避免使用该属性。应该在服务器端验证文件上传。
实例

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

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

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

Answer 2

我们也有这个需求，起初是因为桌面系统实现了：点击浏览后，弹出的浏览窗口中要默认只显示指定类型的文件。现在要把这个功能移植到web上。而web的默认类型是浏览器自己实现的，accept属性又不好用，好难啊