htmlbook.ru - Для тех, кто делает сайты
Шаг за шагом Графика для Web
Шаг за шагом > Формы по шагам > Отправка файла

Шаг 13. Отправка файла

Влад Мержевич

Для того чтобы можно было отправить на сервер файл, используется специальное поле. Такой элемент формы отображается как текстовое поле, рядом с которой располагается кнопка Обзор. При нажатии на эту кнопку открывается окно для выбора файла, где можно указать, какой файл пользователь желает использовать.

Синтаксис поля для отправки файла следующий.

<input type="file" параметры>

Параметры перечислены в табл. 13.1.

Табл. 13.1. Параметры поля для отправки файла
Параметр Описание
size Ширина текстового поля, которое определяется числом символов моноширинного шрифта.
maxlength Устанавливает максимальное число символов, которое может быть введено пользователем в текстовом поле.
name Имя поля, используется для его идентификации обработчиком формы.

Создание поля для отправки файла показано в примере 13.1.

Пример 13.1. Создание поля для отправки файла

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Отправка файла на сервер</title>
 </head>
 <body>
  <form enctype="multipart/form-data" method="post">
   <p><b>Укажите файл для отправки на сервер:</b>
   <input type="file" size="30"></p>
   <p><input type="submit" value="Отправить"></p>
  </form> 
 </body>
</html>

Результат данного примера показан ниже.

Укажите файл для отправки на сервер:

Параметр формы enctype со значением multipart/form-data нужен для корректной передачи файла. Если его не указать, будет передан лишь путь к файлу.

Поскольку графические файлы занимают относительно большой объем данных, их следует отправлять на сервер с помощью метода POST, как показано в примере.

Статья опубликована: 12.08.2005 Последнее обновление: 12.11.2008
Формы по шагам
Примеры из статьи

Copyright Влад Мержевич, по всем вопросам пишите по адресу: vlad@htmlbook.ru