/ember-cli-filepicker

ember cli filepicker addon using filepicker.io

Primary LanguageJavaScriptMIT LicenseMIT

Ember-cli-filepicker

npm version Build Status Ember Observer Score

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'}}

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

Running Tests

  • ember test
  • ember test --server

Building

  • ember build

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