Как проверить размера файла загружаемого в input file?

Question

[VladislavChumak]

Ребят, всем привет. Подскажите пожалуйста с валидацией. Всё работает кроме проверки размера файла. Нужно выполнить всё на js, про php знаю, но в данной ситуации нужно сделать на js. Прошу подскажите пожалуйста. Код выдаёт постоянно ошибку, он видит размер файла, я его консолил, но не сравнивает в функции if ("sizeFile.size < 2097152"). Проверка на расширение и количество файлов работает. Буду благодарен за помощь!

function fileValidate() {
    var filesExt = ['jpg','png','rar','zip','docx','pdf','rtf','doc'];
    var $fileUpload = $("input[type='file']");
    $('input[type=file]').change(function(){
      var sizeFile = $(this).get(0).files;
      var parts = $(this).val().split('.');
      if(filesExt.join().search(parts[parts.length - 1]) != -1 && parseInt($fileUpload.get(0).files.length) < 10 && sizeFile.size < 2097152){
        $('.success-info').addClass('success');
      } else {
        console.log(oFile);
      }
    });
  };
  fileValidate();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="file" multiple="multiple" id="files" class="upload-file" name="files[]" required>
<p class="success-info">Файлы прошли проверку</p>

.success-info {
  display: none;
}

.success-info.success {
  display: block;
}

Comments

[Владимир Коротенко]

Перенесите вывод файла выше и смотрите что он вам выдаёт, ну и подправьте код по этой выдаче. Многие рецепты просто сейчас не работают. На клиенте кстати можно проверить просто задав для инпута максимальный размер, но это не отменяет серверную проверку

Answer 1

[Максим]

inputImg.addEventListener("change", function(event) {
    if(inputImg.files[0]['size'] > 5000000){

}

});

как вариант.