<form> Tag durch JavascriptCode ersetzen. Möglich?

[Emjay_Lee]

Hallo Liebes Forum,

ich arbeite gerade an meinem ersten größeren Projekt und jeden Tag kommen da neue Fragen Probleme und neue Erkenntnisse auf.
Ich wollte mal fragen ob es möglich das <form> Tag einfach wegzulassen wenn man eine Datei auswählen will und diese dann an PHP weiter sendet.
In meine JS Code sieht ein Teilstück ja so aus:

client.open("POST", "upload.php?auswahl=" + auswahl + "&aktuell=" + aktuell);
				client.send(formData);

Dies macht ja schon die POST funktion. Somit brauche ich jetzt nur noch ein Button, welcher wenn er angeklickt wird mir eine Auswahl zurverfügung stellt und diese dann speichert. Die gespeicherte auswahl kann ich ja dann mit dem Javascript an meine PHP schicken. Ist somit der ganze <form> Tag und deren <inputs> umsonst oder? Es geht um eine Bilderauswahl auf dem Smartphone. Die Auswahl aus der Galerie erfolgt mit Phonegap. Somit ist kein <input> notwendig oder?

Danke für eure hilfreichen Antworten

Emjay

 

[root3450]

Ich bin mir nicht sicher, dachte aber bisher, dass man bei POST immer <form> angeben muss ;)
Das ganze sieht bei GET natürlich anders aus...

 

[threadi]

Das input-file-Feld ist notwendig damit der Browser dir überhaupt das Dateiauswahl-Dialogfenster anzeigt. Wenn Du das weglässt, hast Du auch keinerlei Funktionalität mehr. Somit ist sowohl das input-Element als auch das <form>-Element notwendig, da <input>'s nur in <form>-Elementen stehen dürfen.

Das einzige was Du machen kannst, wäre im <form>-Element das JavaScript per onsubmit-Eventhandler anzubinden, welches dann das Hochladen selbst übernimmt - also per AJAX (und somit per POST) die Daten aus dem Formular abschickt.

Moderation: Verschoben von HTML zu JavaScript.