使用<input type =“”file“”/>时的图像格式下拉列表？

Question

当用户单击HTML中元素中的“浏览”按钮时，我想限制可从本机OS文件选择器中选择的文件类型。我觉得这是不可能的，但我想知道是否有解决方案。我想完全依赖HTML和JavaScript;请不要闪光。

目前，我有 <form:input path="image" type="file" accept="image/*" style="display: none;"/>

它显示如下，

但我需要展示我们在mspaint中的内容。

Answer 1

你只能这样做

<form:input path="image" type="file" accept="image/gif, image/jpeg, image/png" style="display: none;"/>

但是这不会给你提供你正在寻找的名单。

请注意，这只会向浏览器提供有关向用户显示哪些文件类型的提示，但这很容易被规避，因此您应始终在服务器上验证上传的文件。