Soy un desarrollador Junior Full Stack que trabaja en una aplicación web ReactJs, en la que el usuario cargará un video que luego irá al servidor (usando Axios) para su procesamiento (Open CV Stuff). Para la parte del servidor estoy usando Fast Api.

El problema es ¿cómo valido el tamaño del video antes de enviarlo al servidor? También tengo que mostrar una barra de progreso para cargar.

¿Alguien puede recomendar el mejor enfoque para este y el código relevante? Tenga en cuenta que soy bastante principiante en ReactJS :)

Aquí está mi formulario

 <form action='.' enctype="multipart/form-data"> <div class="input-group"> <label for="file-upload" class="custom-file-upload m-auto w-100 text-center"> <i class="fa fa-cloud-upload"></i> Upload a video </label> <input id="file-upload" type="file"/> </div> </form>