Компонент FileUpload представляет поле ввода и кнопку для выбора файла, который будет загружен на сервер.
Компонент реализован классом PP.Ui.FileUpload.
Реализована возможность при загрузке следующего файла отображать дополнительное поле ввода (FileUpload.AutoExpandable).
В связи с ограничениями браузера загрузка нескольких файлов одновременно не доступна.
Компонент имеет следующий вид:

Пример создания компонента FileUpload
| Имя конструктора | Краткое описание | |
| FileUpload | Конструктор FileUpload создает экземпляр компонента FileUpload. |
| Имя свойства | Краткое описание | |
| AutoExpandable | Свойство AutoExpandable определяет, будет ли при загрузке файла появляться дополнительное поле. | |
| FileButton | Свойство FileButton устанавливает настройки кнопки для выбора файла из файловой системы. | |
| FileName | Свойство FileName содержит имя последнего загруженного файла. | |
| MaxInputsCount | Свойство MaxInputsCount устанавливает количество полей ввода для файлов. | |
| PostUrl | Свойство PostUrl указывает ссылку на обработчик, который будет обрабатывать загружаемый файл. |
| Имя метода | Краткое описание | |
| clearAllInputs | Метод clearAllInputs осуществляет очистку всех загрузок. | |
| clearInput | Метод clearInput очищает загрузку по индексу. | |
| clearInputs | Метод clearInputs осуществляет очистку полей ввода загрузчика. | |
| getBase64Image | Метод getBase64Image загружает изображение. | |
| getFiles | Метод getFiles возвращает массив загружаемых файлов. | |
| send | Метод send используется для отправки файла на сервер. |
| Имя события | Краткое описание | |
| FileInputChanged | Событие FileInputChanged наступает при выборе файла, который будет загружен. | |
| FileUploaded | Событие FileUploaded наступает после загрузки файла. | |
| ValueChanged | Событие ValueChanged наступает после изменения значения загрузчика. |
| Имя свойства | Краткое описание | |
![]() |
Anchors | Свойство Anchors определяет позицию компонента, размещенного внутри контейнера. |
![]() |
Animation | Свойство Animation определяет параметры анимации для компонента. |
![]() |
Bottom | Свойство Bottom определяет отступ снизу при размещении компонента внутри LayoutPanel. |
![]() |
Content | Свойство Content определяет содержимое компонента. |
![]() |
ContextMenu | Свойство ContextMenu определяет контекстное меню для компонента. |
![]() |
Data | Свойство Data предназначено для хранения любых пользовательских данных. |
![]() |
Enabled | Свойство Enabled определяет признак доступности компонента для использования. |
![]() |
Height | Свойство Height определяет высоту компонента. |
![]() |
IsRTL | Свойство IsRTL определяет признак расположения элементов компонента по правому краю. |
![]() |
IsVisible | Свойство IsVisible определяет признак отображения компонента. |
![]() |
Left | Свойство Left определяет отступ слева при размещении компонента внутри GridPanel. |
![]() |
Opacity | Свойство Opacity определяет прозрачность компонента. |
![]() |
Parent | Свойство Parent определяет родительский компонент элемента управления. |
![]() |
ParentNode | Свойство ParentNode определяет родительскую DOM-вершину. |
![]() |
ResourceKey | Свойство ResourceKey определяет ресурсный ключ для компонента. |
![]() |
Right | Свойство Right определяет отступ справа при размещении компонента внутри LayoutPanel. |
![]() |
Rotate | Свойство Rotate определяет угол поворота компонента. |
![]() |
ShowToolTip | Свойство ShowToolTip определяет признак возможности отображения всплывающей подсказки компонента. |
![]() |
Style | Свойство Style определяет стиль для компонента. |
![]() |
TabIndex | Свойство TabIndex определяет последовательность перехода элемента управления внутри контейнера. |
![]() |
Tag | Свойство Tag определяет JSON-объект, ассоциированный с компонентом. |
![]() |
ToolTip | Свойство ToolTip определяет текст всплывающей подсказки компонента. |
![]() |
Top | Свойство Top определяет отступ сверху при размещении компонента внутри GridPanel. |
![]() |
Value | Свойство Value определяет значение компонента. |
![]() |
Width | Свойство Width определяет ширину компонента. |
| Имя метода | Краткое описание | |
![]() |
Метод addClass добавляет CSS-класс к компоненту. | |
![]() |
addEventHandler | Метод addEventHandler добавляет обработчик события на DOM-вершину. |
![]() |
Метод addStateClass добавляет CSS-класс к компоненту и удаляет прежний CSS-класс. | |
![]() |
Метод addToNode добавляет компонент в указанную вершину. | |
![]() |
bindEvents | Метод bindEvents подписывает элемент на все стандартные события. |
![]() |
Метод getAnchorFlags возвращает JSON-объект с настройками текущей позиции компонента. | |
![]() |
Метод getClass возвращает текущие css-классы компонента. | |
![]() |
Метод getCssStyle возвращает стили для указанной вершины. | |
![]() |
Метод getDomNode возвращает главную DOM-вершину компонента. | |
![]() |
Метод getFocused определяет наличие фокуса у компонента. | |
![]() |
getIsBinded | Метод getIsBinded возвращает признак подписи элемента на события DOM-вершины. |
![]() |
Метод hide скрывает элемент управления. | |
![]() |
Метод hideToolTip очищает таймаут появления подсказки и скрывает её, если она был показана. | |
![]() |
refreshStyle | Метод refreshStyle обновляет CSS-стили элемента. |
![]() |
Метод removeClass удаляет CSS-класс из компонента. | |
![]() |
removeEventHandler | Метод removeEventHandler удаляет обработчик события DOM-вершины. |
![]() |
removeFromDOM | Метод removeFromDOM удаляет вершину из DOM-структуры. |
![]() |
Метод removeStateClasses удаляет CSS-классы компонента. | |
![]() |
Метод setDraggable устанавливает возможность перетаскивания компонента на HTML-странице. | |
![]() |
Метод setFocus устанавливает фокус компонента. | |
![]() |
Метод setIsHovered настраивает отображение компонента только при наведении на него курсора. | |
![]() |
Метод setSize устанавливает размеры компонента. | |
![]() |
Метод show отображает элемент управления. | |
![]() |
unBindEvents | Метод unBindEvents отписывает элемент от всех стандартных событий. |
![]() |
Метод updatePosition корректирует размер и положение при абсолютном позиционировании на основе текущих параметров. | |
![]() |
Метод updateSize обновляет размеры компонента подгонке размеров контейнера, в котором находится компонент. |
| Имя события | Краткое описание | |
![]() |
Drag | Событие Drag наступает при нажатии и удерживании кнопки мыши. |
![]() |
DragEnd | Событие DragEnd наступает при окончании перетаскивания компонента. |
![]() |
DragStart | Событие DragStart наступает, когда начинается перетаскивание компонента. |
![]() |
OnContextMenu | Событие OnContextMenu наступает при вызове контекстного меню компонента. |
![]() |
SizeChanged | Событие SizeChanged наступает после изменения размеров компонента. |
![]() |
SizeChanging | Событие SizeChanging наступает во время изменения размеров компонента. |
| Имя свойства | Краткое описание | |
![]() |
Свойство Id определяет идентификатор объекта репозитория. |
| Имя метода | Краткое описание | |
![]() |
clone | Метод clone создает копию объекта. |
![]() |
dispose | Метод dispose уничтожает компонент. |
![]() |
getHashCode | Метод getHashCode возвращает хеш-код объекта репозитория. |
![]() |
getId | Метод getId возвращает идентификатор объекта репозитория. |
![]() |
getSettings | Метод getSettings возвращает настройки объекта репозитория. |
![]() |
getTypeName | Метод getTypeName возвращает имя типа объекта без пространства имен, к которому он принадлежит. |
![]() |
isEqual | Метод isEqual определяет, равен ли заданный объект текущему объекту репозитория. |
![]() |
isLive | Метод isLive определяет действительность объекта репозитория. |
![]() |
removeAllEvents | Метод removeAllEvents удаляет все обработчики событий объекта по заданному контексту. |
![]() |
setId | Метод setId определяет идентификатор объекта репозитория. |
![]() |
setSettings | Метод setSettings задает настройки объекта репозитория. |
![]() |
defineProps | Метод defineProps создает методы get и set из массива имен для указанного класса. |
![]() |
keys | Метод keys возвращает массив названий методов и свойств для указанного объекта. |
См. также: