With this control you can upload files one by one or enable the directory uploading mode. The latter allows uploading multiple files at a time by selecting the folder in which they are located.
You can connect Webix List or Template widgets to inspect file name, extension, size and uploading status. Also, you can define that files are not sent to the server the moment they are added and, after checking their content in the related widget, start the uploading process.
The progress bar feature enables keeping track of the uploading process.
Add any file and click 'Upload'
An invisible uploader lets you trigger the process of uploading without clicking the dedicated control. It can be used for data management widgets to edit pictures associated with data items on the client side.
You can use the Uploader widget as a form element alongside with other Webix form controls. This feature allows getting the required info from a user.
Drag-and-drop support is enabled by default, so you can drag any file to the Uploader button and drop it to start uploading. Besides, you can use the invisible uploader to define a custom drop area for uploaded files, such as a particular HTML element or a Webix component.
You can set the types of files allowed for file upload. If you want to create a web image gallery with a convenient way to upload images, the JavaScript File Uploader widget can be configured to meet your needs. For example, you can specify a particular image file type accepted for uploading, such as JPG or PNG, or define that only text files are allowed.
Try to upload an image and a text file
Uploader – Part of Webix UI Library
Uploader functionality
Uploader – Part of Webix UI Library