- Main
- Dashboard
- Layouts
- Themes
- Starter kit
- Changelog 3.0
- RTL version
- Forms
- Form components
- JSON forms
- Text editors
- Pickers
- Form layouts
- Components
- Basic components
- Content styling
- Extra components
- Color system
- Animations
- Icons
- Layout
- Page layouts
- Sidebars
- Navbars
- Vertical navigation
- Horizontal navigation
- Menu levels
- Data visualization
- Echarts library
- D3 library
- C3 library
- Google charts
- Maps integration
- Extensions
- Extensions
- JQuery UI
- File uploaders
- Event calendars
- Internationalization
- Tables
- Basic tables
- Data tables
- Data tables extensions
- Responsive tables
- Page kits
- General pages
- Service pages
- User pages
- Application pages
- Widgets
All runtimes
Plupload is a cross-browser multi-runtime
file uploading API. Basically, a set of tools that will help you to build a reliable and visually appealing file uploader in minutes. This example replaced a specific div with a the jQuery uploader queue
widget. It will automatically check for different runtimes in the configured order, if it fails it will not convert the specified element.
Queue widget example:
Flash runtime
Example of multiple file uploader with flash
runtime. Flash runtime executes and displays content from a provided SWF
file, although it has no in-built features to modify the SWF
file at runtime. It can execute software written in the ActionScript programming language which enables the runtime manipulation of text, data, vector graphics, raster graphics, sound and video.
Flash runtime example:
HTML4 runtime
Example of multiple fime uploader with HTML4
runtime. This kind of runtime doesn't support drag and drop
functionality. This is the most standard runtime which supports older versions of all modern browsers. Currently, Plupload may be considered as consisting of three parts: low-level pollyfills
, Plupload API
and Widgets
.
HTML4 runtime example:
HTML5 runtime
Example of HTML5
runtime. The main benefit of HTML5 runtime is that files not only can be picked from browse dialog, but also can be dropped directly from the desktop. In some browsers, mostly in those based on WebKit, it is possible to drag and drop whole folders. Please note: drag and drop feature will not work in some legacy browsers.
HTML5 runtime example:
Uploader events
This example shows you how to bind various events
to your plupload instance. Current example demonstrates 2 preInit
events: Init
- fires when the current RunTime has been initialized and UploadFile
- fires when a file is to be uploaded by the runtime. All 15 post init
events attached to the uploader you can see in the block below in upload process.
Uploader events example:
Uploader events: