Как я проверяю загрузку двух файлов для изображений с помощью javascript

---

я использую javascript для проверки загрузки одного файла, и его работа хороша, но как я использую этот javascript для загрузки двух файлов.

Это код:-

$(document).ready(function () {
            $("form").submit(function (e) {
                var form = this;
                e.preventDefault(); //Stop the submit for now
                //Replace with your selector to find the file input in your form
                var fileInput = $(this).find("#File_ar")[0],
                    file = fileInput.files && fileInput.files[0];

                console.log(file)
                if (file) {
                    var img = new Image();

                    img.src = window.URL.createObjectURL(file);

                    img.onload = function () {
                        var width = img.naturalWidth,
                            height = img.naturalHeight;

                        window.URL.revokeObjectURL(img.src);

                        if (width == 1024 && height == 358) {
                           form.submit(); 
                        }
                        else
                        {
                            alert('Image must be 1024 * 158');
                        }
                    };
                }
            });
        });

и это два входа в поле зрения :-

<input class="form-control" data-val="true" data-val-required="This field is required" id="File_ar" name="File_ar" type="file" value="">

<input class="form-control" data-val="true" data-val-required="This field is required" id="File_en" name="File_en" type="file" value="">

Что я уже пробовал:

я пытаюсь использовать File_en Input с File_ar в том же скрипте, как я это делаю?

---