html - 仅上传特定文件

Question

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

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

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

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

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

Answer 1

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

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

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

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

不用说，不支持此新属性的旧版浏览器的行为将与您的屏幕截图中显示的完全一样，并且会完全忽略此属性，您对此无能为力。

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