POST subito dopo selezionare un file

Question

Ho il seguente codice HTML

<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> 

che mi dà la roba seguente.

Mi chiedevo

1. Come posso usare JavaScript, per eliminare la necessità di Submit pulsante. Ciò significa che, una volta I Choose File, il file selezionato verrà caricato immediatamente?
2. Come posso assicurarmi che il campo per visualizzare il nome del file selezionato sia abbastanza lungo, in modo che ... non venga visualizzato?

Answer 1

di sottoporlo immediatamente, basta fare questo:

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

Se si utilizza JQuery:

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

Chi vostre altre domande:

1) ci sono molti metodo s là fuori ... per esempio:

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

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

(e molti altri. Solo google per: "caricamento file Ajax" o "upload file iframe")

2) Non preoccuparti della larghezza del campo. Dato che non sai per quanto tempo può essere il percorso, non sarebbe mai abbastanza lungo (credo). Anche i browser potrebbero mostrarlo in modo molto diverso. Ad esempio Safari o Chrome lo mostrano molto diverso da Firefox o IE. Basta usare la lunghezza predefinita o quella che sembra migliore con il tuo design.

Answer 2

Per la prima:

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

non sono sicuro di fare il campo abbastanza ampio però. A volte il CSS viene azzoppato sui campi di caricamento dei file per prevenire gli exploit.

Answer 3

occhio e croce a ciò che si vuole - quando il campo di testo cambia attiverà il modulo di presentazione

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

Edit: Scusa, ho usato jQuery ...

Se si invia il modulo onchange, non noterai che il campo viene popolato e quindi non dovrebbe essere necessario modificare la lunghezza del testo. Se avete voglia di, vorrei avere il numero di caratteri della stringa nel campo e poi applicare un attributo size all'ingresso

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