puesto inmediatamente después de seleccionar un archivo

Question

Tengo el siguiente código

<form action="/script/upload_key.py" method="POST" enctype="multipart/form-data"> 
    Key filename: <input name="file_1" type="file"> 
    <input name="submit" type="submit"> 
</form> 

HTML que me da el siguiente material.

Me preguntaba

1. ¿Cómo puedo usar JavaScript, para eliminar la necesidad de Submit botón. Eso significa, una vez que yo Choose File, el archivo seleccionado se cargará de inmediato?
2. ¿Cómo puedo asegurarme de que el campo para mostrar el nombre del archivo seleccionado sea lo suficientemente largo para que ... no se muestre?

Answer 1

para enviarlo de inmediato, simplemente hacer esto:

<input name="file_1" type="file" onchange="this.form.submit();"> 

si está utilizando jQuery:

$("input[name='file_1']").change(function() { this.form.submit(); }); 

Sobre sus otras preguntas:

1) Hay muchas método está más allá y ... por ejemplo:

http://valums.com/ajax-upload/

http://www.webtoolkit.info/ajax-file-upload.html

(y muchos más. Solo busque google: "Carga de archivo Ajax" o "carga de archivo iframe")

2) No se preocupe por el ancho del campo. Como no sabes cuánto tiempo puede ser el camino, nunca será lo suficientemente largo (creo). También los navegadores pueden mostrarlo de manera muy diferente. Por ejemplo, Safari o Chrome lo muestran muy diferente de Firefox o IE. Simplemente use la longitud predeterminada o la que se ve mejor con su diseño.

Answer 2

Para el primero de ellos:

<input name="file_1" type="file" onchange="this.form.submit()"> 

no estoy seguro acerca de hacer el campo lo suficientemente amplia sin embargo. A veces, CSS está paralizado en los campos de carga de archivos para evitar explotaciones.

Answer 3

cálculo aproximado de lo que usted quiere - cuando el campo de texto cambia se activará el formulario de presentación

$('.target').change(function() { 
    document.forms["myform"].submit(); 
}); 

Edit: Lo siento, he utilizado jQuery ...

Si envía el formulario en cambio, no notará que el campo se ha llenado y, por lo tanto, no debería necesitar cambiar la longitud del texto. Si desea, me gustaría tener el recuento de caracteres de la cadena en el campo y luego aplicar un atributo de tamaño a la entrada

mylength = document.getElementById('myfield').value 
document.getElementById('myfield').size = mylength;