Типы полей Файл и Изображение в Drupal 7

В этом уроке мы рассмотрим оставшиеся два типа поля Файл и Изображение.

Тип поля Файл

Этот тип предназначен для создания полей в которые можно загружать один или несколько файлов.

Рассмотрим процесс создания на примере поля Инструкция для типа материалов Товар.

Для начала заполним форму создания нового поля как показано на картинке ниже:

Создание поля типа файл в drupal 7

Нажимаем кнопку Сохранить.

Настройки поля типа файл

Следующим шагом заполняем форму специальных настроек для поля типа Файл:

  • Включить поле "Вывод" - если поставить эту галочку то на форме редактирования возле каждого загруженного файла будет отображаться переключатель который будет определять нужно ли отображать ссылку на этот файл на странице отображения материала.
  • Файлы, отображаемые по умолчанию - эта настройка определяет будет ли по умолчанию отмечен переключатель поля "Вывод" из предыдущей настройки.
  • Хранилище - может принимать два значения: Общие файлы или Приватные файлы. Общие файлы - это файлы доступные всем, к ним можно получить доступ по прямой ссылке даже не зарегистрированному пользователю. Приватные файлы - это файлы лежащие в специальной папке на сервере прямой доступ к который закрыт. В данном случае опция Приватные файлы не доступна так как для нее не задан путь. Как это сделать мы рассмотрим в уроке посвященном файловой системе. А пока оставим значение Общие файлы.

Заполнив форму как показано на картинке выше нажимаем Сохранить настройки поля.

настройка поля типа файл

Рассмотрим следующую форму настроек для поля типа Файл:

  • Допустимые расширения файлов - эта настройка определяет какой тип файлов можно загружать в это поле. Если это несколько типов файлов то их расширения можно перечислить через запятую как показано на картинке.
  • Каталог файлов - это имя папки которая будет создана на сервере для хранения файлов загруженных в это поле, если оставить его пустым то файлы будут загружаться в корень папки для хранения файлов.
  • Максимальный размер загрузки - это поле задает максимальный размер файла. Как видно из справочного текста значения для этого поля задаются следующим образом: "512" (понимается как байты), "80 KB" (килобайты), "50 MB" (мегабайты).
  • Включить поле "Описание" - если отмечено, то для каждого файла будет доступно поле в которое можно ввести описание файла.
  • Индикатор прогресса - выбор индикатора прогресса который будет отображаться во время загрузки файла. Возможные варианты: Троббер - вращающаяся иконка, Полоса с указанием прогресса выполнения - стандартная полоса загрузки.

Нажимаем кнопку Сохранить настройки.

Поле создано, теперь посмотрим как выглядит виджет загрузки файла на форме редактирования товара "Комнатные тапочки" созданного в предыдущих уроках.

виджет загрузки файла

Как видно из картинки выше это стандартное поле загрузки файла. Кроме заданного справочного текста выводится еще информация о максимальном размере файла и список доступных расширений.

виджет загрузки файла

Выбираем тестовый файл для загрузки с жесткого диска своего компьютера и нажимаем кнопку Закачать.

загруженный файл

После загрузки файлов появляются две дополнительные настройки для загруженного файла: переключатель Включить файл в отображение и поле Описание. После заполнения этих полей сохраняем материал чтобы изменения вступили в силу.

отображение поля типа файл

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

Тип поля Изображение

Поле типа Изображение используется ,как нетрудно догадаться, для загрузки и отображения изображений.

Рассмотрим процесс создания поля типа Изображение на примере нового поля для типа материалов Товар. Для этого заполним форму создания нового поля как показано ниже:

создание поля типа изображение в Drupal 7

Нажимаем кнопку Сохранить.

настройки поля типа изображение

Следующим шагом заполняем настройки поля типа Изображение:

  • Хранилище - то же что и для типа поля Файл, эта настройка определяет в какой директории будут храниться загружаемые изображения.
  • Изображение по умолчанию - позволяет загрузить изображение которое будет использоваться в том случае если при создании материала это поле не было заполнено.

Нажимаем Сохранить настройки поля.

настройка поля типа изображение

Форма настроек отличается от формы настроек для поля типа Файл следующими полями:

  • Максимальное разрешение изображения - задает максимальное разрешение загружаемого изображения. Первый параметр задает ширину, а второй высоту. Если будет загружено изображение большего размера то оно будет пережато до заданных размеров.
  • Минимальное разрешение изображения - тоже самое, но задает минимальное разрешение. В отличие от предыдущей настройки в данном случае если изображение будет меньше указанных параметров то это вызовет ошибку и изображение не будет принято.
  • Показывать поле для ввода атрибута "alt" - если поставить эту галочку то для каждого загруженного изображения будет доступно поле для ввода значения атрибута alt. Атрибут alt содержит текст улучшающий процесс индексирования сайта поисковыми системами и отображается вместо изображение если оно недоступно.
  • Показывать поле для ввода атрибута "title" - подобно как и для alt добавляет поле для ввода атрибута title. Атрибут title отображается как подсказка к изображению при наведении на него указателя мыши.
  • Стиль изображения при предпросмотре- задает стиль в котором будет отображаться изображение на форме редактирования материала. Подробно стили изображений мы рассмотрим в другом уроке, а пока оставим это поле без изменений.

Заполнив форму нажимаем кнопку Сохранить настройки.

Поле создано, теперь добавим изображение в наш тестовый товар "Комнатные тапочки".

виджет загрузки изображения

Как видно из картинки выше виджет загрузки изображений отображается почти также как для поля типа Файл, единственное отличие - информация о допустимых разрешениях.

Выбираем файл с жесткого диска компьютера и нажимаем кнопку Закачать.

виджет загрузки изображения с загруженным изображением

После этого появляется уменьшенная версия загруженного изображения и два поля для ввода значений атрибутов alt (Альтернативный текст) и title (Заголовок). Теперь сохраняем весь материал и смотрим как выглядит наше изображение на странице отображения материала.

отображение изображения на странице просмотра материала

Как видно на странице отображения материала изображение отображается в полном размере, при наведении указателя мыши отображается подсказка которую мы ввели в поле Заголовок.

На этом мы этапе мы рассмотрели все стандартные типы полей в Drupal 7. В следующем уроке мы рассмотрим настройки отображения полей.

Поделись с друзьями:

Комментарии

У меня возникла проблема с названием файлов. Если имя файла на русском языке, то отсутствует изображение, а у файла с инструкцией ошибка возникает. Если имена файлов на английском языке, то все в порядке. Подскажите как исправить, чтобы русский язык тоже воспринимался в именах файлов?

Установите Transliteration

Подскажите пожалуйста можно ли в друпале прикрепить кнопку "скачать файл". Чтобы скачивать с кнопки а не с ссылки. Или картинку прикрепить к ссылке. Сама ссылка как то не органично выглядит на сайте.

Можно застилить ссылку как кнопку или как ссылку с картинкой. Все решается с помощью CSS.

Возникла следующие проблемы:
1) при нажатии на ссылку для скачивания (левой кнопкой мыши) текстовый документ или фото открывается в следующем окне браузера, само скачивание не происходит.
2) при установке максимального размера файла в пять, десять или пятьдесят мегабайт, все равно ограничение файла остается равным двум мегабайтам...

поправка к пункту 1). Не в следующем окне, а в этом же окне браузера.

Не могу найти информацию. Как сделать так, чтобы можно было вставлять изображения как у вас, в процессе описания.

Смотрите модуль BUEditor, именно он тут и используется.

Здравствуйте! Можно ли сделать так, чтобы не приходилось каждый раз при добавлении определённого контента добавлять title и alt к изображению, а например в node.tpl.php прикрепить постоянный тайтл, что то типа этого - title="Скачать $title бесплатно с торрента"? Заранее спасибо за ответ.

Денис, добрый день.
Подскажите пожалуйста следующее: я хочу вывести несколько картинок небольшого размера в один ряд "в строчку" (слева на право), как это сделать?
На данный момент вывод нескольких картинок "в столбик" (сверху в низ)