JavaScript тип файла с расширениями и размером файла

Question

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

$('#image-file').on('change', function() {
 var numb = $(this)[0].files[0].size/1024/1024;
numb = numb.toFixed(2);
if(numb > 2){
alert('to big, maximum is 2MB. You file size is: ' + numb +' MB');
} else {
alert('it okey, your file has ' + numb + 'MB')
}
        });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<input type="file" id="image-file">

Answer 1

Используйте lastIndexOf, чтобы получить последний \ как индекс, и используйте substr, чтобы получить оставшуюся строку, начиная с последнего индекса \

    // find elements
       $('#image-file').on('change', function() {
 var uploadedFile = $(this)[0].files[0];

const name = uploadedFile.name;
console.log(name);
  const lastDot = uploadedFile.name.lastIndexOf('.');

  const fileName = name.substring(0, lastDot);
  const ext = name.substring(lastDot + 1).toLowerCase();
  // you can add extension here which allowed to upload
  if(['png','gif','jpeg','jpg'].includes(ext)){
     alert('file is image');
  }else{
  alert('file is not an image');
  return false;
  }
  
 var numb = uploadedFile.size/1024/1024;
numb = numb.toFixed(2);
if(numb > 2){
alert('to big, maximum is 2MB. You file size is: ' + numb +' MB');
  return false;
} else {
alert('it okey, your file has ' + numb + 'MB')
}
        })