Formularz HTML - dana reprezentująca plik

Gdy chcemy, aby interesujący nas formularz HTML posiadał pole, za pomocą którego użytkownik odwiedzający nasz dokument HTML będzie mógł wybrać plik, który zechce nam przesłać, wtedy do zawartości interesującego nas formularza HTML reprezentowanego przez interesujący nas element form należy dodać element input wraz z atrybutem type o wartości file.

Przykład:

<form action="https://webkod.pl/php/submit-result.php">
  <p>
    <label>
      Wybierz plik:
      <input type="file" name="plik">
    </label>
  </p>

  <p>
    <button type="submit">zatwierdź</button>
  </p>
</form>

Ponadto, aby jeden z mechanizmów przeglądarki internetowej mógł prawidłowo przekazać (do zasobu internetowego, którego adres określiliśmy za pomocą wartości atrybutu action interesującego nas elementu form) plik wybrany przez użytkownika odwiedzającego nasz dokument HTML, wtedy musimy zwrócić uwagę na kilka dodatkowych rzeczy.

Metodą przekazania danych formularza HTML (do zasobu internetowego, którego adres określiliśmy) musi być metoda POST. Innymi słowy do interesującego nas elementu form należy dodać atrybut method wraz z wartością post.

Przykład:

<form action="https://webkod.pl/php/submit-result.php" method="post">
  <p>
    <label>
      Wybierz plik:
      <input type="file" name="plik">
    </label>
  </p>

  <p>
    <button type="submit">zatwierdź</button>
  </p>
</form>

Sposobem kodowania danych formularza HTML, które to dane w następnej kolejności trafią do zasobu internetowego, którego adres określiliśmy, musi być sposób multipart/form-data. Innymi słowy do interesującego nas elementu form należy dodać atrybut enctype wraz z wartością multipart/form-data.

Przykład:

<form action="https://webkod.pl/php/submit-result.php" method="post" enctype="multipart/form-data">
  <p>
    <label>
      Wybierz plik:
      <input type="file" name="plik">
    </label>
  </p>

  <p>
    <button type="submit">zatwierdź</button>
  </p>
</form>

Rezultat:

Wybierz plik:

zatwierdź