HTML Formular in Formular möglich?

[Dsimon24]

Hallo zusammen,

ich möchte gerne ein Script zum Upload von Fotos in meine Website einfügen.

Dazu möchte ich das Script 'DropzonesJS' verwenden.​Dort müsste ich den folgenden Code verwenden:

<form action="/file-upload"
      class="dropzone"
      id="my-awesome-dropzone">
</form>

Jetzt möchte ich das Bild aber mit dem Betätigen eines Buttons für ein anderes Formular hochladen:

<form action="xyz.php" method="post">
   <input type="text" name="nachname">
   <input type="text" name="vorname">
   <input type="submit">
</form>

Habt ihr einen Tipp für mich, wie ich dies realisieren kann? Muss ich das Formular von DropzoneJS
einbinden oder kann ich dies umgehen?

VG, David

 

[Mihawk90]

Ich kenne DropzonJS an sich nicht direkt, allerdings müsstest du in dem Snippet für Dropzone einfach nur die action ändern. Wenn es direkt beim "drop" abgesendet wird gibt es sicher bei Dropzone eine Option dies nicht sofort zu tun.

 

[Dsimon24]

Ich werde mir das nochmal genauer ansehen. Oder kann mir allgemein jemand ein anderen
Script zum Upload von Fotos empfehlen? Am besten mit Einbindung in einem bestehenden
Formular über den Submit-Button des Formulars.

 

[Mihawk90]

Gerade mal kurz in der Dokumentation gestöbert, du suchst das hier:

http://www.dropzonejs.com/#config-autoProcessQueue

Damit werden die Uploads nur in eine Warteschleife gesetzt ohne direkt hochzuladen.

 

[Webentwickler]

Das was du mit einem Form im Form vorhast, ist kein valides HTML.

Was aber mit HTML5 ginge, ist mehrere Buttons in einem Form zu platzieren und für jeden Button individuell die Action und Method des Forms zu überschreiben:

<form action="test.php" method="GET">
...
<button type="submit" formaction="script_a.php">Skript A</button>
<button type="submit" formaction="script_b.php" formmethod="POST">Skript B</button>
<button type="submit">Standard-Submit</button>
</form>

 

[Yuuri]

Das Plugin ist nur dazu da, um ein Bild hochzuladen. Wenn du was Fortgeschritteneres willst, sieh dir bspw. Fine Uploader an.