禁用文件选择器中的下拉列表

Question

我设计了一个使用HTML / CSS的上传器和Jquery作为前端，后端在c＃中。我想知道是否有任何方法可以禁用此文件选择器中的下拉列表，其中显示“自定义文件”，或者是否有一种方法可以使此列表中除了我允许的扩展名之外没有其他选项出现？

提前致谢..

Answer 1

将accept attribute用于input type file

<input type="file" name="my-image" id="image" accept="image/*" />

对于特定扩展程序，您可以使用,分隔

<input type="file" name="my-image" id="image" accept="image/gif, image/jpeg, image/png" />

修改

我认为它完全超出了我们的编程范围，它取决于浏览器。

我更愿意通过使用编程来验证文件扩展名。

$('#my_file_field').change(function(){
    var ext = $('#my_file_field').val().split('.').pop().toLowerCase();
    if($.inArray(ext, ['gif','png','jpg','jpeg']) == -1) {
        alert('invalid extension!');
    }
}