Ember-cli-filepicker

Installation

• ember install:addon ember-cli-filepicker

Usage

• Create your filepicker.io key using the following URL: https://www.filepicker.io/.
• Add your filepicker.io key in your config/environment.js

//config/environment.js
module.exports = function(environment) {
  var ENV = {
    //...
    filepickerKey: '<your-filepicker-key>'
  };
  //...
}

• Use the filepicker.io documentation for options like extensions and services.
• In your template:

{{ember-filepicker pickerOptions=pickerOptions onSelection='fileSelected' onClose='onClose' onError='onError'}}

• The above will use the pick method.

• You should pass pickerOptions with the pick options (mimetype, services, etc).

• If you want to use pickAndStore, also pass storeOptions (location, etc):

{{ember-filepicker pickerOptions=pickerOptions storeOptions=storeOptions onSelection='fileSelected' onClose='onClose' onError='onError'}}

• If you want to use pickMultiple files (without storing them), pass multiple=true :

{{ember-filepicker pickerOptions=pickerOptions multiple=true onSelection='fileSelected' onClose='onClose' onError='onError'}}

Notes

In order to have access to the filepicker instance you can:

• If Ember.inject.service is supported then in your object you can use:

export default Ember.Component.extend({
    //injecting the filepicker object
    filepicker: Ember.inject.service(),
 
    someFunction: function(){
        //Use the promise in case you are not sure that your component will be surly initialized after filepicker has been loaded
        this.get('filepicker.promise').then(function(filepicker){
            //do something with filepicker
        });
 
        //OR if you are sure filepicker has already been loaded use:
        this.get('filepicker.instance')
    }
});

• Otherwise, you can use the lookup method:

export default Ember.Component.extend({
    //injecting the filepicker object
    filepicker: Ember.inject.service(),
 
    someFunction: function(){
        var filepicker = this.container.lookup('service:filepicker');
        //do something with the filepicker.instance or filepicker.promise
    }
});

Running

• ember server
• Visit your app at http://localhost:4200.

Running Tests

• npm test (Runs ember try:testall to test your addon against multiple Ember versions)
• ember test
• ember test --server

Building

• ember build

For more information on using ember-cli, visit http://ember-cli.com/.