Socket
Socket
Sign inDemoInstall

backbone.marionette-plupload-module

Package Overview
Dependencies
5
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    backbone.marionette-plupload-module

Plupload module for backbone marionette js


Version published
Weekly downloads
0
decreased by-100%
Maintainers
1
Install size
1.43 MB
Created
Weekly downloads
 

Readme

Source

#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.

Keywords

FAQs

Last updated on 03 Feb 2016

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc