[JavaScript] Multiupload

Dieses Thema im Forum "Webentwicklung" wurde erstellt von pleq, 25. Oktober 2008 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 25. Oktober 2008
    Multiupload

    Hej!

    Ich brauche Hilfe.

    Wie kann ich einen Multi-Upload realisieren, bei dem zuerst nur 1 Filefield angezeigt wird, beim klicken eines Buttons oder Links dynamisch unendlich viele weitere Filefields hinzugefügt werden können?

    Ich danke für jeden Tipp/Snippet
     
  3. 25. Oktober 2008
    AW: Multiupload

    Entweder das Feld dynamisch mit JS erzeugen (createElement) oder nur "sichtbar" machen (ansprechen bspweise über getElementById; display von "none" auf das passende umändern.
    Wenn du unendlich viele willst solltest du dich für Variation eins - das dynamische Erzeugen entscheiden, sonst müsstest du schon am Anfang unendlich viele Felder bereitstellen oder sie per AJAX nachladen was n bisschen weird wäre für sowas.
     
  4. 26. Oktober 2008
    AW: Multiupload

    Habe nun folgendes zusammengesucht:

    Code:
    <script language="JavaScript" type="text/javascript">
 var i=1;
 function addupload()
 {
 i=i+1;
 
 var row = document.getElementById("table").insertRow( document.getElementById("tr").rowIndex+1 );
 var cell = row.insertCell( 0 );
 cell.className = 'links';
 
 cell = row.insertCell( 1 );
 
 var input = document.createElement( 'input' );
 input.type = 'file';
 input.name = 'file[]';
 cell.appendChild( input );
 
 document.getElementById("i").value = i;
 }
 </script>
    HTML:
    <table cellspacing="0" cellpadding="0" width="450">
 
 <tr><td>
 <form name="form" action="test.php" method="post" enctype="multipart/form-data">
 <table cellspacing="0" cellpadding="0" width="450" id="table">
 <tr id="tr"><td width="50%" class="links">
 bild datei
 </td>
 <td width="50%" class="zeug">
 <input type="file" name="file[]" />
 <a href="javascript:addupload()" class="link1">+</a> </td></tr>
 
 
 <tr><td width="50%" class="links">
 </td>
 <td width="50%" class="rechts">
 <input type="submit" name="submit" class="input2" value="Hinzuf&uuml;gen" /> </td></tr>
 </table>
 </form>
 </td></tr>
 </table>

    Funktioniert super!

    Edit ... habs nun auch in mein Iface bekommen!

    Danke @telefonzelle bw raus
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.