Кастом разметка в загрузчике файлов с drag n drop
Ссылка на документацию https://falcon.web-automation.ru/docs/falcon-space--rabota-s-resursami (раздел Загрузка файлов с drop областью и гибкой разметкой).
Разметка сниппета компонента:
<div class="as-files" data-code="watch_files" data-itemid="5" data-disabledeleteconfirm="1" data-successmsg="OK">
<script type="text/html" class="as-files-makeup hide">
<h3>Загрузка файлов {edit-link}</h3>
{dropzone}
{upload-button}
<span class="badge badge-info">Файлы размером до 1МБ</span>
{progressbar}
<hr>
{files}
</script>
<script type="text/html" class="as-files-itemMakeup hide">
<div class="d-inline-block p-2 text-center" style="width: 250px" data-itemID='{id}'>
<a href="{url}" target="_blank"><img width="60px" src='{icon-url}' alt=""/></a><br>
<b>{title}</b><br>
<span>{size}</span><br>
{delete-button}
</div>
</script>
</div>
makeup задает общий каркас компонента, itemMakeup задает разметку 1 файла в списке.
Обратите внимание, что кастом разметка хранится в отдельных полях.
Другие демостенды
— Вывод файлов в таблице на сайте. Управление файлами в колонке— Загрузка файлов через перетаскивание в личном кабинете - drag n drop
— Загрузка файлов в личном кабинете на сайте. Варианты компонента
Что есть в базе знаний по этой теме
— Как принимать в форму не 1 параметр (itemID), а несколько входящих параметров? data-param-p1— Как добавить в колонку таблицы управление файлами
— Подгружаемые файлы
— Базовая верстка для каталога элементов
— Загрузка файлов с drop областью и гибкой разметкой (компонент as-files)
Последние обновления
Интеграции 24.11.2025
Разное 24.11.2025
Форма 15.11.2025
Визуализация 02.11.2025
Таблица 08.10.2025
Форма 26.09.2025
Таблица 23.09.2025
Разное 23.08.2025
Таблица 21.08.2025
Форма 20.08.2025
Таблица 18.08.2025
Таблица 21.06.2025
Форма 07.06.2025
Форма 29.03.2025
Форма 17.02.2025
Файлы и документы 10.01.2025
Форма 01.11.2024
Форма 23.10.2024
SQL-инструмент для создания личных кабинетов на сайте
Платформа Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки
Это быстрое внесение изменений
по ходу эксплуатации программы
Это современный интерфейс
полная адаптация под мобильные устройства