javascript - tiempo - ejemplo codigo angular

¿Cómo presento una entrada de "archivo" sin el botón de enviar con JavaScript?

Question

¿Hay alguna manera de enviar automáticamente un formulario sin hacer clic en el botón "enviar"?

Tengo un formulario con una entrada de "archivo". Enviaría el formulario después de que el usuario haya seleccionado un archivo.

Answer 1

Sí, puede agregar lo siguiente al evento onchange de la entrada del archivo:

<input type=''file'' .... onchange=''this.form.submit();''>

esto envía el formulario justo después de que el usuario haya elegido un archivo. Sin embargo, el usuario no puede corregir una selección errónea antes de enviarla; asegúrese de verificar si esto es realmente acertado.

Answer 2

No creo que puedas hacer esto. Los navegadores son muy, muy estrictos con respecto a lo que puede hacer en los campos de carga de archivos, debido al potencial de abuso. Si el usuario selecciona accidentalmente un archivo privado, no le gustaría que comience inmediatamente a cargar ese archivo a un servidor aleatorio.

Answer 3

No estoy seguro de cuáles son las restricciones para hacer esto en un formulario HTML.

Sin embargo, puedes hacerlo con Flash. Gmail lo hace: cuando hago clic en "Adjuntar un archivo", aparece un cuadro de diálogo de búsqueda de archivos y, cuando lo apruebo, la carga comienza inmediatamente y también aparece una barra de progreso.

Buscar en Google para "Flash uploader" le dará muchas opciones, pero no tengo experiencia con ninguno de ellos.

Answer 4

sí, puede usar la función form.submit (). Agregue un detector de cambio en la entrada de archivo y vincúlelo a la función form.submit, así:

<form action="upload.php" method="post">
<input type="file" onchange="this.form.submit()" name="myFile"/>
</form>

Answer 5

Esta solución funciona para mí.

<form enctype="multipart/form-data" method="POST" action="/upload">
  <input id="myfilefield" type="file" name="file">
  <input type="submit">
</form>

document.getElementById(''myfilefield'').onchange = function() {
  this.form.submit();
};

Por cierto, no necesitas usar flash. Gmail hacerlo por XHR Nivel 2.