引导文件输入 - 限制文件类型

GRo*_*ton 4 javascript jquery

为我正在指导的公司开发的代码使用Krajee的Bootstrap文件输入.在调用此函数的地方,allowedFileExtensions设置为仅允许jpg,gif和png.但是,单击浏览按钮时,列表(如果允许的图像文件类型)显示大约十二种图像类型.如果选择了不属于这三种类型的那个,例如svg,则系统显示错误消息,指示不允许文件类型.

虽然这当然有效,但浏览应该只允许选择所选类型.需要哪些附加参数和/或其他更改,以便浏览窗口将选择限制为所选类型?

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

gue*_*314 17

虽然这当然有效,但浏览应该只允许选择所选类型.需要哪些附加参数和/或其他更改,以便浏览窗口将选择限制为所选类型?

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

<input type="file" accept=".jpg,.gif,.png" />
Run Code Online (Sandbox Code Playgroud)