HTML űrlap fájlfeltöltéshez

Fájloknak a kliens gépen történő kiválasztásához és szerverre történő feltöltéséhez az oldal HTML kódjába egy egyszerű űrlapot kell elhelyeznünk.

Az űrlap beállításai:

Az enctype attribútuma határozza meg, hogy melyik tartalom típust használjuk, amikor az űrlapot elfogadjuk. A multipart/form-data esetén az űrlap bináris adatot vár. Egy fájl feltöltéskor erre van szükségünk.
A method jellemzője határozza meg az információ továbbításának módját. A post nagy mennyiségű adat háttérben történő elküldésére alkalmas. Így ezt választjuk.
Az action attribútumban az űrlap feldolgozását végző fájl URL-jét adjuk meg.

A file típusú input elem fájlválasztó mezőt hoz létre, ahol a Tallózás gombra kattintva a felhasználó a kliens gép operációs rendszerének fájl megnyitása dialógus ablakának segítségével választhatja ki a feltölteni kívánt fájlt. A már kiválasztott fájl neve a Tallózás gomb mellett olvasható.

A submit gomb megnyomásakor a böngésző a file típusú input elemen kiválasztott fájlt bináris formában küldi el a szervernek.

Példa:

Forráskód


...
  <form action="feltolt.php" method="post"
    enctype="multipart/form-data">
      <label for="file">Fájl kiválasztása:</label>
      <input type="file" name="file" id="file">
      <br>
      <input type="submit" name="submit" value="Submit">
  </form>
...