simple función de javascript no funciona

javiinet · #1 (**permalink**) 07/06/2017, 05:30

Hola.
No sé por que no me funciona esta simple función. Lo que pretendo es que me diga el número de ficheros que voy a subir al servidor.

Código HTML:

<!DOCTYPE html>
<html>
<head>
	<script>
			window.onload = function()
			{
				var btn = document.getElement.ById("btn");
				btn.onclick = function()
				{
					var imagen = document.getElement.ById("imagen").files;
					
					alert(imagen.length);
					
					document.formulario.submit();
				}
			}
		
	</script>

</head>
<body>

<form action="" method="post" name="formulario" enctype="multipart/form-data">
  Select images: <input type="file" name="imagen" multiple id="imagen">
  <button type="submit" id="btn">enviar</button>
</form>

<p>Try selecting more than one file when browsing for files.</p>

</body>
</html>

No hace nada.
Graciasssss

ArturoGallegos · #2 (**permalink**) 07/06/2017, 07:56

Tu codigo me da la idea de que nunca has trabajado con javascript puro y que vienes de jQuery intentando algo sin haber leido la documentacion.

Pero bueno igual yo tampoco soy experto

1.- window.onload no es para preparar el resto de tus funciones como es el caso de $().ready() que se puede usar para eso, has de usarlo para ejecutar una accion.

2.- no se de donde sacaste esto document.getElement.ById("btn"); debe de ser document.getElementById("btn");

Código Javascript:

Ver originaldocument.getElementById('btn').onclick = function(){
    var imagen = document.getElementById("imagen").files;                
  if(imagen.length > 0){
    document.formulario.submit();
  }
}

javiinet · #3 (**permalink**) 07/06/2017, 15:45

Sí.
Ya ví el error.
Gracias

Tipdar · #4 (**permalink**) 08/06/2017, 09:00

Además, los navegadores decentes tienen una muy buena consola donde incluso puedes depurar tu código... por lo general los desarrolladores web la utilizan mucho.