Formularele HTML sunt folosite si pentru preluarea de fisiere de pe calculatorul utilizatorului, cu scopul de a fi incarcate pe server, printr-un script (aici in limbaj PHP).
Casuta de formular folosita pentru upload are codul XHTML:
            <input type="file" name="nume_camp" />
- In acest tutorial e aratat modul de incarcare (upload) pe server a mai multor fisiere in acelasi timp.
"Secretul" e urmatorul: valoarea atributului "name" a casutelor de upload trebuie sa fie aceeasi, dar cu tip de Array (de genul "nume_camp[]"), astfel, scriptul PHP va primi un Array secvential, cu numele "nume_camp", in care fiecare element contine datele trimise de la cate o casuta de upload. Apoi trebuie parcurs acel Array si executat codul de preluare si incarcare a fisierului din fiecare element, plus verificarile necesare care ar trebui facute, precum: extensia fisierului si marimea acestuia.
In continuare este dat codul PHP si formularul unui script pentru incarcarea mai multor fisiere pe server in acelasi timp.
Pe langa verificarile de baza (tip fisier si marime), scriptul are si protectie ca la un eventual Refresh fisierele sa nu fie reincarcate.
- Alte explicatii necesare sunt in codul scriptului.

Script PHP pentru multi-upload

<?php
/*** Script Multi-Upload de la: https://marplo.net/php-mysql/ ***/
session_start();         // Activeaza posibilitatea de lucru cu Sesiuni in script

$updir = 'upload';         // Directorul pt. upload, in care vor fi incarcate fisierele
$max_size = 500;         // Marimea maxima, in KiloBytes, care este permisa

// Seteaza matricea cu tipurile de fisiere permise (extensia lor)
$allowtype = array('bmp', 'flv', 'gif', 'jpg', 'jpeg', 'mp3', 'pdf', 'png', 'rar', 'zip');

$rezultat = array();         // Variabila in care vor fi stocate mesajele returnate de script

// Daca directorul din $updir nu exista, incearca sa-l creeze (cu CHMOD 0777)
if (!is_dir($updir)) mkdir($updir, 0777);

/** Codul pt. Incarcarea fisierelor pe server **/

// Daca este primit din formular un fisier valid
if (isset($_FILES['file_up'])) {
    // Parcurge matricea cu datele primite de la campurile de formular cu name="file_up[]
    // Verifica pt. upload fisierele primite din acele campuri
    for($f=0; $f<count($_FILES['file_up']['name']); $f++) {
        $nume_f = $_FILES['file_up']['name'][$f];         // Preia numele fisierului parcurs

        // Daca numele are cel putin 4 caractere
        if (strlen($nume_f)>3) {
            // Preia extensia fisierului parcurs si verifica daca are tipul de extensie permis
            $type = end(explode('.', strtolower($nume_f)));
            if (in_array($type, $allowtype)) {
                // Verifica daca fisierul se incadreaza in marimea permisa
                if ($_FILES['file_up']['size'][$f]<=$max_size*1000) {
                    // Daca nu sunt erori in procesul de copiere
                    if ($_FILES['file_up']['error'][$f]==0) {
                        // Seteaza locatia si numele pt. incarcare pe server
                        $thefile = $updir . '/'. $nume_f;
                        // Daca fisierul nu poate fi incarcat, returneaza mesaj
                        if (!move_uploaded_file ($_FILES['file_up']['tmp_name'][$f], $thefile)) {
                            $rezultat[$f] = ' Fisierul '. $nume_f. ' nu a putut fi copiat, incercati din nou';
                        }
                        else {
                            // Retine numele fisierului incarcat
                            $rezultat[$f] = '<b>'.$nume_f.'</b>';
                        }
                    }
                }
                else { $rezultat[$f] = 'Fisierul <b>'. $nume_f. '</b> depaseste marimea permisa de maxim <i>'. $max_size. 'KB</i>'; }
            }
            else { $rezultat[$f] = 'Fisierul <b>'. $nume_f. '</b> nu are tipul de extensie permis'; }
        }
    }

    // Pentru a evita retrimiterea datelor la Refresh, va face un Redirect catre el insusi, cu re=up
    // Iar inainte preia intr-o Sesiune mesajele returnate de script, sub forma de sir, ca sa poata fi afisate dupa redirect
    $_SESSION['rezultat'] = implode('<br />', $rezultat);
    header('Location: '. basename($_SERVER['PHP_SELF']). '?re=up');
}

// Daca exista $_GET['re'] si Sesiunea $_SESSION['rezultat'], afiseaza datele din sesiune, apoi o sterge
if (isset($_GET['re']) && isset($_SESSION['rezultat'])) {
    echo '<h4>Fisiere incarcate:</h4>'. $_SESSION['rezultat'];
    unset($_SESSION['rezultat']);
}
?>
<!-- Formularul cu mai multe campuri pt. upload -->
<form id="uploadform" action="<?php echo basename($_SERVER['PHP_SELF']); ?>" method="post" enctype="multipart/form-data">
  <input type="file" class="file_up" name="file_up[]" /><br />
  <input type="file" class="file_up" name="file_up[]" /><br />
  <input type="file" class="file_up" name="file_up[]" /><br />
  <input type="file" class="file_up" name="file_up[]" /><br />
  <input type="file" class="file_up" name="file_up[]" /><br />
  <input type="submit" value="UPLOAD" id="submit" />
</form>
- Pentru ca fisierele sa poata fi incarcate pe server, trebuie sa existe directorul specificat la variabila "$updir" si PHP sa aibe permisiuni de scriere in el.
- Formularul din acest model are 5 casute de upload, pot fi adaugate mai multe, sau reduse, dupa cum trebuie fiecaruia. Scriptul poate functiona si cu un singur camp de upload si cu mai multe.

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag afiseaza textul oblic?
<strong> <pre> <em>
<p>Cursuri, Jocuri, Anime: <em>www.MarPlo.net</em></p>
Care proprietate CSS defineste spatiul dintre continutul elementului si bordura lui?
margin padding position
h3 {
  padding: 2px 0.2em;
}
Clic pe metoda ce returneaza primul element indicat de selectorii specificati.
getElementsByName() querySelector() querySelectorAll()
// preia primul Div cu class="cls", si afiseaza continutul
var elm = document.querySelector("div.cls");
alert(elm.innerHTML);
Indicati variabila PHP ce contine datele din formular trimise cu method="post".
$_SESSION $_GET $_POST
if(isset($_POST["field"])) {
  echo $_POST["field"];
}
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) speak english".
I They We
We speak english.
- Noi vorbim engleza.
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) hablamos español".
Ellos Vosotros Nosotros
Nosotros hablamos español.
- Noi vorbim spaniola.
Upload mai multe fisiere

Last accessed pages

  1. Curs si Tutoriale Ajax (8940)
  2. Glume, Bancuri - Chistes (247)
  3. Obiectul form in JavaScript (294)
  4. Formatare text in pagina html (15361)
  5. Curs CSS Online Tutoriale CSS3 (12651)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (4470)
  2. Curs HTML gratuit Tutoriale HTML5 (3703)
  3. Curs si Tutoriale JavaScript (3404)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (3276)
  5. Curs CSS Online Tutoriale CSS3 (3193)