javascript - 文件输入 : Compare file type and accept only picture formats (jpg, bmp 等)

Question

我目前正在尝试找到一种方法来使用 jquery 来验证文件是否为图片格式 (jpeg、jpg、bmp、gif 等)。我已经能够通过简单的 .length 比较来确定输入是否为空。我怎样才能检查文件类型并只接受有效的图片格式。

是否为空:

if ($.trim($('#textInput').val()).length == 0) {
    alert("Should Not Be Empty!");
}

Answer 1

给定一个文件输入:

var extension = $('#file_input').val().split('.').pop();
if (['bmp', 'gif', 'png', 'jpg', 'jpeg'].indexOf(extension) > -1) {
    console.log('validated');
} else {
    console.log('invalid extension');
}

对于更广泛的文件类型过滤，理想情况下您应该使用服务器端验证。