Form absenden nachdem Datei ausgewählt wurde

[jakestyler]

Hallo,
ich arbeite gerade an einem PHP Upload.
Zurzeit habe ich einen Button "Browse" zum auswählen und einen Button "Upload" zum absenden der Form.
Nur würde ich das gerne so lösen, dass der Upload-Button gleichzeitig ein Browse und ein Upload-Button ist.

Man klickt also auf Upload, dann öffnet sich das Fenster zum Auswählen der Dateien.
Dann wählt man eine Datei und die Form wird gleichzeitig abgesendet.

Wie macht man soetwas?

Danke schonmal!

 

[threadi]

Das Dateiauswahlfeld kann man nicht umbenennen. Das heißt bei dir "Browse", bei mir "Durchsuchen". Nicht änderbar.

Wenn Du nach Auswahl einer Datei das Formular abschicken willst, musst Du beim Dateiauswahlfeld den EventHandler onchange ergönzen, welche

a) prüft, ob eine Datei eingefügt wurde und
b) wenn das der Fall ist das Formular abschickt.

Also z.B.:

<input type="file" name="datei" onchange="deinFunktionsname(this);">

function deinFunktionsname( obj ) {
 if( obj && obj.value.length > 0 )
 {
  document.getElementById("formularID").submit();
 }
}

Müsstest Du ggfs. an deine Funktionsbezeichnungen und Formular-Rahmenbedingungen anpassen.

 

[jakestyler]

Dankeschön! :)
Mein Durchsuchen-Feld wird durch einen Button, der Browse heisst aufgerufen, deshalb :)

 

[threadi]

Wie gesagt: die Beschriftung hängt vom verwendeten Browser, den Spracheinstellungen und ggfs. auch dem Betriebssystem ab. :)

 

[jakestyler]

Ich meine so:

<input type="file" name="userfile" id="userfile" accept="text/*,image/*,image/svg+xml" multiple style="display:none"  />
<a class="btn btn-info btn-large" onClick="$('input[id=userfile]').click();">Browse</a>