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

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

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

如果有关系的话：我在同时使用Firefox和IE的PC上看到过这种行为。

以下是我使用的

//update file name text box with selected filepath and file
$('#FileUpload1').change(function ()
{
    var filename = $(this).val();

    $('#txtFileName').val(filename);

    var fileExtension = ['xlsx', 'xls', 'csv'];
    if ($.inArray(filename.split('.').pop().toLowerCase(), fileExtension) == -1)
    {
        $('#lblWarning').show();
        $('#lblWarning').text("Only 'xlsx', 'xls', 'csv' formats are allowed.");
    }
    else
    {
        $('#lblWarning').hide();
    }


});

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

尝试使用

accept

属性为

input type=“file”

元素设置可接受的文件扩展名类型，值为用逗号分隔的文件扩展名。“打开文件”对话框中只应显示定义为

accept

属性值的文件扩展类型

---

谢谢-我相信你的答案是正确的。在代码中，我找到了accept=“image/*”，这将解释大量可接受的文件类型。