Uploaders - Plupload
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:
Your browser doesn't have Flash installed.
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:
Your browser doesn't have Flash installed.
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:
Your browser doesn't have HTML 4 support.
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:
Your browser doesn't support native upload.
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:
Your browser doesn't support native upload.
Uploader events: