Add file binding

AddJam · Sep 28, 2015 · 5fce059 · 5fce059
1 parent de4134e
commit 5fce059
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -37,6 +37,7 @@ You should also update your Content Security Policy (usually in
 Option Name      | Description                                         | Default Value
 -----------------|-----------------------------------------------------|---------------
 image            | Where we should bind the base64 data.               | `null`
+file             | Where we should bind the file object.               | `null`
 placeholder      | The large text shown in the drop area.              | `""`
 helpText         | The smaller text shown below the placeholder.       | `"Drop your image here, or click to select"`
 hideTextOnImage  | Should we hide the text when an image is present?   | `true`

diff --git a/addon/components/image-drop.js b/addon/components/image-drop.js
@@ -9,6 +9,9 @@ export default Ember.Component.extend({
   helpText: "Drop your image here, or click to select",
   hideTextOnImage: true,
 
+  image: null,
+  file: null,
+
   textStyle: Ember.computed('image', function() {
     let textStyle = "";
     if (this.get('hideTextOnImage') && this.get('image')) {
@@ -17,7 +20,6 @@ export default Ember.Component.extend({
     return Ember.String.htmlSafe(textStyle);
   }),
 
-  image: null,
   style: Ember.computed('image', function() {
     let backgroundStyle = "";
     if (this.get('image')) {
@@ -35,6 +37,7 @@ export default Ember.Component.extend({
   }),
 
   handleFileDrop(file) {
+    this.set('file', file);
     var reader = new FileReader();
     reader.onload = (e) => {
       var fileToUpload = e.target.result;

diff --git a/tests/dummy/app/controllers/application.js b/tests/dummy/app/controllers/application.js
@@ -1,5 +1,6 @@
 import Ember from 'ember';
 
 export default Ember.Controller.extend({
-  image: null
+  image: null,
+  file: null
 });
diff --git a/tests/dummy/app/templates/application.hbs b/tests/dummy/app/templates/application.hbs
@@ -1 +1 @@
-{{image-drop image=image placeholder="Company Logo"}}
+{{image-drop file=file image=image placeholder="Company Logo"}}
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		{{image-drop image=image placeholder="Company Logo"}}
		{{image-drop file=file image=image placeholder="Company Logo"}}