验证jQuery文件上传预览

Question

我使用以下脚本预览通过输入['file']选择的图像。如何防止它尝试显示非图像的文件？

function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#preview').attr('src', e.target.result);
        }

        reader.readAsDataURL(input.files[0]);
    }
}

Answer 1

尝试

if (/image/.test(input.files[0].type)) {
  reader.readAsDataURL(input.files[0]);
}