html - <input type ="file"> 按扩展名限制可选文件

标签 html input-type-file

<分区>

有人如何限制可以通过扩展名使用 input type="file"元素选择的文件?

我已经知道 accept 属性,但在 chrome 中它确实通过定义的最后一个 MIME 类型(在本例中为“gif”)限制文件,而 FF4 甚至不限制任何内容。

<input type="file" accept="image/jpg, image/gif">

我做错了什么还是有其他方法?

最佳答案

简单的方法是:

<input type="file" accept=".gif,.jpg,.jpeg,.png,.doc,.docx">

适用于除 IE9 之外的所有浏览器。我没有在 IE10+ 中测试过。

关于html - &lt;input type ="file"> 按扩展名限制可选文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5796537/

相关文章:

html - 如何隐藏 &lt;input type ='file' > 中的文件位置?

javascript - 防止 html 输入类型文件显示打开的对话框

php - 如何使用 php 和 mysqli 在一次事务中上传多个图像文件?

javascript - 使用 Javascript 更改 OnClick 事件

javascript - 如何将样式表应用于 IE8 的输入类型=文件或如何使输入类型的文本字段=文件在 IE8 中可单击

html - 将表格置于 div 中居中

html - 调整表格内的iframe

jquery - IE不允许上传文件,如果不是键盘点击输入类型=文件

jquery - 在 fadeOut() 之后保持行高不变

html - 选择 "Top and Bottom"时,如何像 MS Word 那样在 HTML/CSS 中将文本环绕图像