Загрузка файла в один клик в Drupal формах

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

Рассмотрим шаблон, генерируемый Drupal для поля загрузки файла.

Предусмотрена следующая логика:

  • пользователь читает описание поля,
  • нажимает на кнопку «Выберите файл» (появляется диалог выбора файла),
  • выбирает файл на локальном носителе (диалог скрывается, а имя файла появляется в поле на форме),
  • пользователь нажимает «закачать», чтобы файл был отправлен на сервер

Хотя нажимать кнопку «закачать» — не является обязательным действием сразу после выбора файла, но пользователи путаются в этих лишних кнопках, раздражаются и тратят больше времени, чем необходимо. А все файлы итак будут загружены при отправке формы.

Это лишнее действие следует оптимизировать.

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

Загрузка сразу при выборе файла

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

Выполнять эту не хитрую операцию будет следующий скрипт:

Оформлен код в виде behaviors, в первую очередь для того, чтобы это работало также и для форм, подгружаемых динамически по ajax.

Чтобы скрыть кнопку, я добавляю стили вроде следующего:

Скрипт можно подключить глобально в вашу тему или выборочно к нужным формам. Пример подключения скрипта только к веб-формам:

Мало букафф? Читайте есчо !

Создать пользователя сразу на всех сайтах мультисайтинга в Drupal

Июнь 6, 2019 г.

С помощью drush и такой то матери (bash) обойдем все сайты и создадим одного и того же юзера на каждом из сайтов. Долго тянуть не стану - вот текст скрипта: [crayon-68b06d1b009af996742780/] В начале вы задаёте нужные переменные (задайте свои ...

Читать

Меняем поведение корневого пункта меню bootstrap dropdown

Апрель 14, 2022 г.

В bootstrap корневой пункт меню с подпунктами (dropdown menu) не является активной ссылкой и лишь служит кнопкой для развертывания подпунктов. Тем временем ...

Читать

Добавляем фильтр в wysiwyg в Drupal

Сентябрь 5, 2020 г.

Пример добавления обработчика (фильтра) текста в rich editor. Требуется всего два шага для реализации нового фильтра: имплементировать hook_filter_info(), ...

Читать

Программно выводим блок в Drupal

Февраль 7, 2019 г.

Если вы решили вывести блок, реализованный в каком либо модуле, программно, то следующие  примеры кода помогут вам. Используя block API Запрашиваем данные блока через API, готовим массив для последующего рендеринга: [crayon-68b06d1b00dd4340866546/] ...

Читать
 

Комментарии к «Загрузка файла в один клик в Drupal формах»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: