www html, html уроки, html теги, css, верстка
Уроки книги по css и html урокам вопросы и ответы Помощь сайту дизайн-студия Шутовой Елены
Главная страница > Уроки > Формы > Отправка файла

Отправка файла

контентовая версия  

Поле для отправки файла создает элемент формы в виде контентового поля для ввода имени файла, который пересылается на сервер. Поле создается следующим образом.

<form enctype="multipart/form-data" method="POST">
<input type="file" параметры>
</form>

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

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

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

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

Валидный HTML
<!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 action="/cgi-bin/handler.cgi" enctype="multipart/form-data" method="post">
<p><b>Пожалуйста, укажите рисунок, который следует добавляем:</b></p>
<p><input type="file" size="30"></p>
<p><input type="submit" value="Отправить"></p>
</form>

</body>
</html>

В результате получим следующее (рис. 1).

Рис. 1

Рис. 1. Вид поля для отправки файла

Статья опубликована: 12.09.2009 Последнее обновление: 30.03.2009
Поиск по сайту
Формы
Разделы
Теги по теме

FORM
Тег FORM устанавливает форму на web-странице. Форма предназначена для обмена данными между пользователем и сервером.

INPUT
Тег INPUT является одним из разносторонних элементов формы и позволяет создавать разные элементы интерфейса и обеспечить взаимодействие с пользователем.

Copyright 2009 Все права защищены

О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект