tengo un problema con el siguiente código, lo que quiero hacer es que si la imagen es mayor de 3.67 MB, le de un aviso al usuario de que es muy grande, y que no seleccione la imagen, ya que cuando da la alerta al usuario la imagen sigue seleccionada.
<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Tamaño archivo</title>
</head>
<body>
<form action="#">
<input type="file" id="archivos" accept="image/*" name="archivos[]"/>
</form>
<script>
function archivoSeleccionado(evt) {
if(window.File && window.FileReader && window.FileList && window.Blob){
var image = this.files[0].size;
if(image >= 3856819){
alert("La imagen es muy grande, El tamaño maximo es de 3.67 MB");
}else{
alert("La imagen tiene el tamaño adecuado");
}
}
}
document.getElementById('archivos').addEventListener('change', archivoSeleccionado, false);
</script>
</body>
</html>