Plupload: A rich upload experience on pluggable backends

In: web resources

10 Feb 2010

The Moxiecode folks (TinyMCE fame) have released a generic component Plupload that allows you to create a rich upload experience on the back of a variety of transports. Whether it be HTML5, Gears, Silverlight, Flash, BrowserPlus or normal forms, you can get an upload experience with drag and drop, progress, client side image resizing and chunking.

Various backends support different feature sets:

pluploadbackends

You can use a core API like this…

JAVASCRIPT:

  1.  
  2. var uploader = new plupload.Uploader({
  3.         runtimes : ‘gears,html5,flash,silverlight,browserplus’,
  4.         browse_button : ‘pickfiles’,
  5.         max_file_size : ’10mb’,
  6.         resize : {width : 320, height : 240, quality : 90},
  7.         url : ‘upload.php’,
  8.         flash_swf_url : ‘/plupload/js/plupload.flash.swf’,
  9.         silverlight_xap_url : ‘/plupload/js/plupload.silverlight.xap’,
  10.         filters : [
  11.                 {title : “Image files”, extensions : “jpg,gif,png”},
  12.                 {title : “Zip files”, extensions : “zip”}
  13.         ]
  14. });
  15.  

… and a jQuery Queue Widget.

plupload

Go to Source

Related Blogs

  • Related Blogs on Plupload: A rich upload experience on pluggable backends

Comment Form

About this blog

This blog delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from: CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more. Our goal is to help you communicate effectively on the web with an engaging website or functional interface.