Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

backbone.marionette-plupload-module

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

backbone.marionette-plupload-module

Plupload module for backbone marionette js

  • 0.1.3
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
11
increased by83.33%
Maintainers
1
Weekly downloads
 
Created
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

Package last updated on 03 Feb 2016

Did you know?

Socket

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
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc