0.1.3 • Published 8 years ago

backbone.marionette-plupload-module v0.1.3

Weekly downloads
5
License
MIT
Repository
github
Last release
8 years ago

#Marionette module for plupload Build Status

##Getting started

###Quick start

  • Clone the repository: https://github.com/denar90/backbone.marionette-plupload-module

##Usage

###Initialization

  • Include and run module
	//for example
	
	var MyView = Marionette.ItemView.extend({
		template: '<div></div>',
		onShow: function() {
			new Marionette.PlUploader(this, {
				pluploadType: 'queue',
				settings: {
					runtimes : 'html5,flash,silverlight,html4',
					url : "/examples/upload",

					chunk_size : '1mb',
					rename : true,
					dragdrop: true,

					filters : {
						// Maximum file size
						max_file_size : '10mb',
						// Specify what files to browse for
						mime_types: [
							{title : "Image files", extensions : "jpg,gif,png"},
							{title : "Zip files", extensions : "zip"}
						]
					},

					// Resize images on clientside if we can
					resize: {
						width : 200,
						height : 200,
						quality : 90,
						crop: true // crop to exact dimensions
					},


					// Flash settings
					flash_swf_url : '/plupload/js/Moxie.swf',

					// Silverlight settings
					silverlight_xap_url : '/plupload/js/Moxie.xap'
				},
				callbacks: {
					Browse: function() {
						console.log('upload Browse');
					},
					Error: function() {
						console.log('upload error');
					},
					FilesAdded: function(up, files) {
						var html = '';
						plupload.each(files, function(file) {
							html += '<li id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ') <b></b></li>';
						});
						document.getElementById('filelist').innerHTML += html;
						up.start();
					}
				}
			});
		}
	});

	app.mainRegion.show(new MyView());

##Options

Options for plupload

pluploadType

  • type: String
  • default: 'core'

Type of plupload can have be: core, ui, queue

pluploadContainer

  • type: String
  • default: '#plupload-container'

template

  • type: string

Default template - <div id="plupload-container"></div>

settings

  • type: Object

All available settings for plupload.

callbacks

  • type: Object

All available events for plupload.