Полезности о input -ах типа file в Битрикс

Обычно народ просто ставит

Но это не по нашему! Выглядит стандартно, да и нет никакой валидации по типу файла, если мы, к примеру, хотим загружать только файлы определённого типа.

Итак, для начала давайте подумаем, что мы хотим:

  1. Реализовать в форме input типа file, принимающий только картинки
  2. Около input -а должна быть надпись с названием файла, который мы будем загружать после выбора оного в диалоговом окне
  3. Файл-картинку из этого input-а нужно загружать в инфоблок
  4. Предусмотреть обработку ошибки, когда физический размер картинки больше установленного в php.ini

Давайте для начала реализуем пункт 2.

Как это должно выглядеть в идеале:

Joxi

Пример вёрстки: ТЫК

Листинг кода:

Окей, выбор файла работает. А как теперь сделать ограничение на приём только картинок и пихать их в инфоблок?

Переходим к реализации пункта 1 и 3.

Нам нужна форма. Обернём наш инпут формой и добавим кнопку «Отправить»:

Напишем собственно саму отправку формы на AJAX:

В /ajax/test_form.php и будет производится проверка файла на тип и если это картинка — она будет загружаться в инфоблок.

Листинг test_form.php:

Обратите внимание, что картинка будет загружаться в

поэтому не забудьте создать эту папку и дать ей соответствующие права на запись.

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *