Emberjs file upload with HTML-5 formData

attachments.hbs

{{upload-file  action="saveUpload"}}

attachments.js

import Ember from 'ember';

var AssetsRoute = Ember.Route.extend({
  model: function() {
    return this.store.find('attachment');
  },

  actions: {

    saveUpload: function(formData){
      console.log('save', formData);

      var self = this;

      var uploadToServer = Ember.$.ajax({
        url: '/api/attachments.json',
        data: formData,
        cache: false,
        contentType: false,
        processData: false,
        dataType: 'json',
        type: 'POST'
       });
      
       uploadToServer.then(
         function(data){
            console.log('uploaded data', data);
           //load it into ember-data store
           var a = self.get('store').pushPayload('attachment', data);
            console.log('asset model after upload', a);
           //self.transitionTo('assets.asset', data);
         },
         function(error){
           console.log('upload error', error);
         }
       ); //closes then
    }  //coses saveUpload

  } //closes actions

});

export default AssetsRoute;

upload-file.hbs

<h5> Pls add files to upload </h5>

<form {{action 'sendUpload' this on=submit}}>
  {{input  type="file" value=image id="upload" name="attachment[image]"}}
   <button type='submit'> save </button>
</form>

{{yield}}

upload-file.js

import Ember from 'ember';

var UploadFileComponent = Ember.Component.extend({
  
  actions: {

    sendUpload: function(model){
       //works
      //var formdata = new FormData($('form'));
      //var formdata = new FormData(document.getElementById('upload'))
      //fd = new FormData($('#upload'));
      
      //http://stackoverflow.com/questions/16762524/html5-file-upload-what-should-be-append-to-formdata
      //also works
      //Note that the string we appended to formData, "assets[attachment]", corresponds to how your controller expects your params.

      var formdata = new FormData();
      //formdata.append("asset[attachment]", model.attachment);
      formdata.append("attachment[image]", model.image);
      
      console.log('form model', model);
       //this.sendAction('action', model);
       this.sendAction('action', formdata);   
    }


  } //closes actions

});


export default  UploadFileComponent;