渲染每个“图像”文件后的函数调用

Question

在运行最后一个图像文件渲染后，我想邀请一个函数。

谢谢！

在这种环境下，我什至无法修复它，以查明附加的文件质量有多差和多少。

<form action="" method="get">
    <input id="file-input" type="file" name="" multiple>
</form>


<script>
    var fileInput = document.getElementById('file-input');

    function parseFile(f) {
        if (f.type.indexOf('image') == 0) {

            //base64
            var reader = new FileReader();

            reader.addEventListener('load', function (e) {

                var img = new Image();

                img.src = e.target.result;

                img.addEventListener('load', function() {
                    var width = img.naturalWidth,
                        height = img.naturalHeight;

                    if(width <= 1920 && width >= 300 && height <= 1920 && height >= 300) {

                        console.log('Good width & height');

                    } else {
                        console.log('Bad width & height');
                    }
                }, false);

            }, false);

            reader.readAsDataURL(f);
        }
    }

    function fileSelectHandler(e) {
        var fileList = e.target.files || e.dataTransfer.files,
            len = fileList.length;

        Array.from(fileList).forEach(function(file, index) {
            parseFile(file);
        });
    }

    function app() {
        if (window.File && window.FileList && window.FileReader) {

            fileInput.addEventListener("change", fileSelectHandler, false);
        }
    }

    app();
</script>