2010-12-18 9 views
15

Chcę, aby dane wejściowe pliku automatycznie przesłały mój obraz bez wprowadzania przycisku przesyłania.jQuery plik z automatycznym przesyłaniem

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

Daj znać sztuczkę z jQuery

Odpowiedz

16

Można przesłać formularz na onChange imprezy wejściu pliku, podobnie jak to:

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

cudowny jquery;) jeśli to możliwe, jak wyświetlić pasek ładowania podczas przesyłania Czy to się skończyło? – Blur

+0

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

8

Z nowszych wersjach można też po prostu ustaw opcja automatycznego załadowania do true:

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

W pliku js/main.js – jerrygarciuh

Powiązane problemy