仅上载特定文件

时间:2013-06-12 11:42:46

标签: html html5

我想限制用户只上传特定的文件。我知道它可以通过表单操作值导致的php脚本完成,但这不是我正在寻找的。

当用户在使用该行后选择文件时:

<input type="file" ... />

他有一个选择所有文件的选项

enter image description here

我想将其更改为特定扩展名。

1 个答案:

答案 0 :(得分:2)

您可以使用accept属性。例如,如果您想限制所有图像文件:

<input type="file" accept="image/*" />

您还可以指定可能类型的列表:

<input type="file" accept="image/*,video/*" />

毋庸置疑,不支持此新属性的旧版浏览器的行为与屏幕截图中显示的完全相同,并且完全忽略此属性,您无能为力。

在所有情况下,您都应该对正在上传的实际文件类型提供服务器端验证,而不是依赖客户端来确保这一点。