Uploadseite bauen ?

  • PHP

  • DeadHunter
  • 1502 Aufrufe 8 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Uploadseite bauen ?

    Ich bin jez nit grade der PHP kenner ..

    Ich würde gerne wissen wie man eine Uploadseite baut auf der man auswählen kann wie viele Datein man auswählen + hochladen will ...

    sowas hab ich noch nit wirklich gefunden ...

    hab da an so ne liste gedacht .. wie das auch imma heißt ..

    vieleicht: switchdownlist oder so ^^ also mit nem Pfeil und nem feld daneben xD
    __________
    |^| |
    Sowas oda so ähnlich xD
    ☺☺☺☺☺☻☻☻☻☻

  • Hmmm..

    Aber entweder bin ich zu doof zum lesen;) oda da steht nicht wie man mit einer auswahlliste auswählen kann wieviel man hochladen will ...

    Naja aber danke für deine Mühe

  • Mehrfach-Upload geht nicht

    Hi,

    also meiner Meinung nach geht das gar nicht mit "Boardmitteln". Es ist kein Problem, einen Upload per PHP zu realisieren, jedoch nur für genau eine Datei.

    Daher habe ich mal den Umweg programmiert, dass ein zip-File hochgeladen werden konnte, die dann serverseitig entpackt wurde - dummerweise habe ich dann festgestellt, dass mein Provider das zip-Modul für PHP nicht installiert hatte :depp:

    Mulit-File-Uploads hat z.B. web.de durch ein eigenes Browserplugin realisiert - ohne so eine aufwendige Lösung wird das nicht funktionieren.

    Grüße,
    Halox

  • Ok

    Na dann ... danke für die bemühungen ...

    Ich hatte schonmal ne uploadseite mit mehreren Uploadfeldern gefunden nur halt bestimmte anzahl ..
    Naja ich mach das so wie vorher wenn jemand was uploaden will soll er über ftp machen :cool:

  • Upload für eine Datei

    Hi,
    Ich hab hier ein script (php) welches eine Datei Problemlos uploaden kann.
    (Hab es selbst bei meinem projekt verwendet.... )
    Wie man jetzt aber mehrere Dateien auswählen und uppn kann und ob das mit php überhaupt realisierbar ist, ist ne andere frage :D

    Hochladen einer Datei

    PHP-Quellcode

    1. <body>
    2. <form action="upload.php" method="post" enctype="multipart/form-data">
    3. <input type="file" name="datei" />
    4. <input type="submit" name="upload" value="Upload" />
    5. </form>
    7. <?php
    8. /* (c) Andreas Brunner 2007
    9. Damit der File-Upload funktioniert, muss man unbedingt darauf achten, dass für das Upload-Verzeichnis die Read-, Write- und Execute-Rechte vergeben sind (also erlaubt sind; 0777). Sonst kann das Skript die Datei(en) nicht hochladen. Beim Root-Verzeichnis kann man das normalerweise vernachlässigen.
    10. */
    11. if(isset($_POST['upload']))
    12. {
    13. $max_file_size = 61440; // 60KB, Maximale Dateigröße, optional
    14. if(is_uploaded_file($_FILES['datei']['tmp_name']))
    15. // "datei" steht für "name" beim <input...name="...." />
    16. // "tmp_name" sollte nicht ersetzt werden, es beinhaltet den temporären
    17. // Namen der Datei auf dem Server
    18. {
    19. if($_FILES['datei']['size'] <= $max_file_size)
    20. {
    21. // Uploadverzeichnis: Nicht immer einfach ./uploads/ o.ä. nehmen. Bei meinem
    22. // Projekt war das z.B. /data/www/virtservers/..., beim qwws steht es glaub
    23. // ich irgendwo im File-Upload-Bereich,
    24. // sollte es nicht dort stehen, sieht man es bei einem Fehler, z.B. unable to
    25. // upload file in [PFAD], etc., also wählen Sie irgendein Verzeichnis und
    26. // dann sehen Sie das richtige in der Fehlermeldung. Es ist vom Provider
    27. // abhängig. Bei manchen genügt es auch einfach nur ./uploads/ zu schreiben.
    28. // Wird kein Upload-Directory angegeben, wird das File im Root-Directory
    29. // abgelegt
    30. $upload_dir = "./test/";
    31. move_uploaded_file($_FILES['datei']['tmp_name'],
    32. $upload_dir.$_FILES['datei']['name']);
    33. // in $_FILES['datei']['name'] steht der Originalname der Datei auf dem
    34. // Client-Pc, so wird die Datei dann auch auf dem Server heißen
    35. // es kann auch ein fixer Name vergeben werden, aber unbedingt mit der
    36. // Dateiendung! z.B. $filename = "bild1.jpg";
    37. // move_uploaded_file($_FILES['datei']['tmp_name'], $upload_dir.$filename);
    38. $bildlink = "./test/".$_FILES['datei']['name'];
    39. // In dieser Variable ist der Bildlink enthalten
    40. echo '<p>Upload erfolgreich!</p>';
    41. }
    42. else
    43. {
    44. echo "<p>Datei zu groß!</p>";
    45. }
    46. }
    47. else
    48. {
    49. echo "<p>Keine Datei ausgewählt!</p>";
    50. }
    51. }
    52. ?>
    53. </body>
    Alles anzeigen


    greez

  • Das lässt sich eigentlich "relativ" leicht realisieren.
    1. Du baust eine Formularseite auf der, der Benutzer, die anzahl auswält wie viele Dateien er hochladen möchte.
    2. Als nächstes hast du eine php-Seite die über eine Schleife n-viele Formularfelder erstellt.

    HTML-Quellcode

    1. <?php $anzahl = $_POST['anzahl'] ?>
    2. <form action="upload_files.php" method="post" enctype="multipart/form-data">
    3. <?php for($nr=0; $nr<$anzahl; $nr++){?>
    4. <input name="datei<?php echo $nr ?>" type="file" size="50" maxlength="100000" accept="text/*">
    5. <?php } ?>
    6. <input type="hidden" name="anzahl" value="<?php echo $anzahl ?>">
    7. </form>

    3. als letztes verwendest du dann eine Funktion die du mit einem Parameter (der FileNummer $nr) aufrufst und wieder über eine Schleife verwendest.

    PHP-Quellcode

    1. <?php
    2. $anzahl = $_POST['anzahl'];
    3. function upload($nr){
    4. if(is_uploaded_file($_FILES['datei'.$nr]['tmp_name'])){
    5. $upload_dir = "./test/";
    6. move_uploaded_file($_FILES['datei'.$nr]['tmp_name'], $upload_dir.$_FILES['datei'.$nr]['name']);
    7. return true;
    8. }else{return false;}
    9. }
    10. for($nr=0; $nr < $anzahl; $nr++){
    11. upload($nr);
    12. }
    13. ?>
    Alles anzeigen


    Falls du noch weitere Hilfe brauchst melde dich.

    Gruß
    Markus

  • Um mehrere Dateien hochzuladen benutze ich immer folgendes Script:

    HTML-Quellcode

    1. <html>
    3. <head>
    4. <!-- Include the javascript -->
    5. <script type="text/javascript">
    6. function MultiSelector( list_target, max ){
    8. // Where to write the list
    9. this.list_target = list_target;
    10. // How many elements?
    11. this.count = 0;
    12. // How many elements?
    13. this.id = 0;
    14. // Is there a maximum?
    15. if( max ){
    16. this.max = max;
    17. } else {
    18. this.max = -1;
    19. };
    21. /**
    22. * Add a new file input element
    23. */
    24. this.addElement = function( element ){
    26. // Make sure it's a file input element
    27. if( element.tagName == 'INPUT' && element.type == 'file' ){
    29. // Element name -- what number am I?
    30. element.name = 'file_' + this.id++;
    32. // Add reference to this object
    33. element.multi_selector = this;
    35. // What to do when a file is selected
    36. element.onchange = function(){
    38. // New file input
    39. var new_element = document.createElement( 'input' );
    40. new_element.type = 'file';
    42. // Add new element
    43. this.parentNode.insertBefore( new_element, this );
    45. // Apply 'update' to element
    46. this.multi_selector.addElement( new_element );
    48. // Update list
    49. this.multi_selector.addListRow( this );
    51. // Hide this: we can't use display:none because Safari doesn't like it
    52. this.style.position = 'absolute';
    53. this.style.left = '-1000px';
    55. };
    56. // If we've reached maximum number, disable input element
    57. if( this.max != -1 && this.count >= this.max ){
    58. element.disabled = true;
    59. };
    61. // File element counter
    62. this.count++;
    63. // Most recent element
    64. this.current_element = element;
    66. } else {
    67. // This can only be applied to file input elements!
    68. alert( 'Error: not a file input element' );
    69. };
    71. };
    73. /**
    74. * Add a new row to the list of files
    75. */
    76. this.addListRow = function( element ){
    78. // Row div
    79. var new_row = document.createElement( 'div' );
    81. // Delete button
    82. var new_row_button = document.createElement( 'input' );
    83. new_row_button.type = 'button';
    84. new_row_button.value = 'Delete';
    86. // References
    87. new_row.element = element;
    89. // Delete function
    90. new_row_button.onclick= function(){
    92. // Remove element from form
    93. this.parentNode.element.parentNode.removeChild( this.parentNode.element );
    95. // Remove this row from the list
    96. this.parentNode.parentNode.removeChild( this.parentNode );
    98. // Decrement counter
    99. this.parentNode.element.multi_selector.count--;
    101. // Re-enable input element (if it's disabled)
    102. this.parentNode.element.multi_selector.current_element.disabled = false;
    104. // Appease Safari
    105. // without it Safari wants to reload the browser window
    106. // which nixes your already queued uploads
    107. return false;
    108. };
    110. // Set row value
    111. new_row.innerHTML = element.value;
    113. // Add button
    114. new_row.appendChild( new_row_button );
    116. // Add it to the list
    117. this.list_target.appendChild( new_row );
    119. };
    121. };
    122. </script>
    123. </head>
    125. <body>
    127. <form enctype="multipart/form-data" action="your_script_here.script" method = "post">
    128. <input id="my_file_element" type="file" name="file_1" >
    129. <input type="submit">
    130. </form>
    131. Files:
    132. <div id="files_list"></div>
    133. <script type="text/javascript">
    134. var multi_selector = new MultiSelector( document.getElementById( 'files_list' ), 3 );
    135. multi_selector.addElement( document.getElementById( 'my_file_element' ) );
    136. </script>
    137. </body>
    138. </html>
    Alles anzeigen


    Damit entfällt die Auswahl für die Anzahl der Dateien, auf der Zielseite muss man dann nur noch über $_FILES loopen.

    Das ganze Javascript (also nur der erste, grosse Block) lässt sich natürlich auch in eine eigene .js Datei auslagern und folgendermassen einbinden:

    HTML-Quellcode

    1. <script type="text/javascript" src="dateiname.js"></script>