diff --git a/js/main.js b/js/main.js
index 4f66aec..a971f5b 100644
--- a/js/main.js
+++ b/js/main.js
@@ -47,6 +47,7 @@ $(document).ready(function(){
   }
 
   function showSnap(src, width, height){
+    canvas.height = height
     cropper && cropper.destroy()
     snapContext.drawImage(src, 0, 0, width, height);
     snap =  snapContext.createImageData(width, height); 
@@ -99,9 +100,21 @@ $(document).ready(function(){
 
 
   function processFiles(files) {
+    var file, img;
+    var _URL = window.URL || window.webkitURL;
+    if ((file = files[0])) {
+        img = new Image();
+        var objectUrl = _URL.createObjectURL(file);
+        img.onload = function () {
+            let w = 640
+            let h = 640 * this.height / this.width
+            showSnap(this,w,h)
+        };
+        img.src = objectUrl;
+    }
     if(files && typeof FileReader !== "undefined") {
       for(var i=0; i<files.length; i++) {
-        fileToSnap(files[i]);
+        // fileToSnap(files[i]);
       }
     }
   }
@@ -112,6 +125,9 @@ $(document).ready(function(){
       reader.onload = function(e) {   
         let base_image = new Image();
         base_image.src = e.target.result;
+        console.log(
+            base_image.width
+          )
         base_image.width = 640;
         base_image.onload = function(){
           showSnap(base_image,640,480)