Estoy trabajando con React & Typescript y quiero agregar una lógica de validación al cargar archivos de imagen. Acepta hasta 2 imágenes y 10 Megabyte (suma de 2 imágenes) es el tamaño máximo que el usuario puede cargar.

Actualmente tengo el siguiente código para validar la lógica anterior, pero estoy confundido si la comparación de mi unidad es correcta.

 const onFileUpload = (e: React.ChangeEvent<HTMLInputElement>) => { const selectableMaxFileSize = 1024 * 1024 * 10 // 10 Megabyte let initialFileSize: number = 0 if (e.target.files) { for (let i = 0; i < e.target.files.length; i++) { const file = e.target.files[i] initialFileSize += file.size } if (initialFileSize > selectableMaxFileSize) { setHasModal(true) e.target.value = '' return }

También noté que simplemente puedo acceder al tamaño del archivo por e.target.size , luego comparar con selectableMaxFileSize - ¿funciona esto también?