2010-12-18 4 views
15

Ich möchte die Datei-Eingang wird mein Bild automatisch hochladen, ohne eine Schaltfläche senden eingeben.jQuery Auto-Upload-Datei

<form action="/upload/" method="post" enctype="multipart/form-data"> 
    <input type="hidden" name="user_id" value="47" /> 
    <input type="file" name="upload" /> 
</form> 

Lassen Sie mich wissen, den Trick mit jQuery

Antwort

16

Sie können das Formular auf der Onchange Ereignisdatei Eingabe des einreichen, wie folgt aus:

$("input[name=upload]").change(function() { 
    $(this).closest("form").submit(); 
}); 
+0

wunderbar jquery;) wenn möglich, wie kann ich Ladebalken angezeigt, während u Hochladen Bis es getan ist? – Blur

+0

Verstanden;) '$ (" # upload "). Change (function() {$ (this) .closes (" form "). Submit(); $ ('# loader'). Show(); $ (this) .hide();}); ' – Blur

8

Mit neueren Versionen können Sie auch die gerade eingestellt Hochlade Option auf true:

$('#fileupload').fileupload({ autoUpload: true }); 
+0

In der Datei js/main.js – jerrygarciuh