File Input Ember Component

file-input.js

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'input',
  attributeBindings: ['type', 'accept', 'multiple'],
  type: 'file',
  multiple: false,
  initialize: function() {
    this.$().on('change', function(e) {
      this.sendAction('on-change', e.currentTarget.files);
    }.bind(this));
  }.on('didInsertElement')
});