javascript - Bootstrap 文件输入 - 限制文件类型

Question

为我指导的一家公司开发的代码使用了 Krajee 的 Bootstrap 文件输入。在调用此函数的地方，allowedFileExtensions 设置为仅允许 jpg、gif 和 png。但是，当单击浏览按钮时，允许的图像文件类型列表会显示大约一打图像类型。如果选择的不是这三种类型中的一种，例如 svg，系统会显示一条错误消息，指出不允许使用该文件类型。

虽然这确实有效，但浏览应该只允许选择所选类型。需要哪些附加参数和/或其他更改才能使浏览窗口将选择限制为所选类型？

如果重要的话:我在同时使用 Firefox 和 IE 的 PC 上看到了这种行为。

Answer 1

While this certainly works, the browse should only allow the chosen types to be selected. What additional parameter(s) and/or other changes are needed so that the browse window limits the selection to the chosen types?

尝试使用 accept 属性为 input type="file" 元素设置可接受的文件扩展名类型，值是由逗号分隔的文件扩展名。只有定义为 accept 属性值的文件扩展类型才应显示在“打开文件”对话框中

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