input file 限制选择image类型文件

By | 2020年5月22日

input file类型是可以限制上传文件的类型的,在选择文件的时候就可以直接限制选择文件类型了;今天就来实现input file限制选择图片文件的方法:

<input type="file" id="file"  accept="image/*"> <!-- 允许选择所有类型的图片,只限图片文件 -->

<input type="file" id="file"  accept="image/png,image/jpeg",image/gif> 
<!-- 允许选择png、jpg、gif类型图片文件,只限图片文件 -->

设置了这个属性后,当您点击上传按钮后,弹出的选择框内将只会显示您所设置的类型文件。

发表评论

电子邮件地址不会被公开。 必填项已用*标注