jasny-bootstrap - 在 change.bs.fileinput 上获取文件大小

Question

我正在尝试将验证系统添加到 Jasny Bootstrap Fileinput 以验证文件大小和图像格式，然后再继续表单的下一步。

我在上传之前尝试了获取文件大小但没有成功。此检查存在于后端，但由于表单是“类似向导”的，我想在实时模式下执行此操作。

提前致谢。

Answer 1

这就是我通常在整个项目中为 Jasny 引导输入类型实现它的方式。

希望这会对某人有所帮助。

$('.fileinput').on("change.bs.fileinput", function (e) {            
        var file = $(e.delegateTarget, $("form")).find('input[type=file]')[0].files[0];

        var fileExtension = file.name.split(".");
        fileExtension = fileExtension[fileExtension.length - 1].toLowerCase();

        var arrayExtensions = ["jpg", "jpeg", "png"];

        if (arrayExtensions.lastIndexOf(fileExtension) == -1) {
            alert('Only Images can be uploaded');
        }
        else {
            if (file["size"] >= 4194304 && (fileExtension == "jpg" || fileExtension == "jpeg" || fileExtension == "png")) {
                alert('Max 4 MB of file size can be uploaded.');                 
                $(this).fileinput('clear');
            }
        }  
    });