HTML input file控件限制上传文件类型

下面为大家详细介绍了HTML input file控件限制上传文件类型，具有一定的参考价值，感兴趣的'小伙伴们可以参考一下以下是小编为大家搜索整理的HTML input file控件限制上传文件类型，希望能给大家带来帮助!更多精彩内容请及时关注我们应届毕业生考试网!

网页上添加一个input file HTML控件：

?

默认是这样的，所有文件类型都会显示出来，如果想限制它只显示我们设定的文件类型呢，比如“word“,”excel“,”pdf“文件

解决办法是可以给它添加一个accept属性，比如：

?

这样选择的时候默认会显示为这样：

文件选择框内只显示出你自定义文件类型的文件，也还比较方便。

不过这只是最简单的掩人耳目的做法，还是能选择其它文件类型：

所以，如果要做到真正意义上限制类型做法(其实这种算不上限制，只是把你要的文件类型默认显示出来而已，并不是说不能选择其它的)，还是要通过js或者后台来控制。

附支持的文件类型：

?