Ember-cli-dropzonejs

Drag and drop file uploader addon for ember-cli using Dropzonejs.

Installation

ember install ember-cli-dropzonejs

then

bower install dropzone

This addon will use dropzone's default css by default. If you prefer to use your own css, add this option to your Brocfile.js:

var app = new EmberApp({
  ---
  emberCliDropzonejs: {
    includeDropzoneCss: false
  }
  ---
});

Simply add the component to your template like so: {{drop-zone url='/endpoint'}}

You can see all properties in the Dropzonejs configuration docs.

To set properties simply add the name of the property inside the component call and assign a value.

example:

{{drop-zone url='http://example.com/example' clickable=false addRemoveLinks=true}}

To use events, set your event handler in your controller like so:

  addedFileEvent: Ember.computed(function() {
    return function() {
      // do something...
    };
  }),

and set it in your component declaration:

{{drop-zone url='http://example.com/example' addfile=addedFileEvent}}

Remember to add an url, this addon will not work without it