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

标签 javascript jquery

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

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

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

最佳答案

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" />

关于javascript - Bootstrap 文件输入 - 限制文件类型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33247452/

相关文章:

javascript - Javascript 和 jQuery 中的 Trapping Function not defined 错误

javascript - 如何淡入特定 div 内的文本

javascript - 将项目从 JSON 数组添加到列表

jquery - 以一定间隔为div设置动画并将页面的元素中心放置在Jquery中?

javascript - 使用滚动事件和添加类的动画标题

javascript - 附加到正文也附加到 iframe 的正文

jquery - 比较数组中的对象

javascript - PHP日期格式的倒计时

c# - asp .net c# 中的 jquery 动画缩放功能

javascript - 如何在 Vue 中同时绑定(bind)和发出数据?