From e59bd0bfc5295586c2baa9b044036e159fef1e5f Mon Sep 17 00:00:00 2001
From: alban <git@albancrommer.com>
Date: Tue, 17 Nov 2020 22:18:08 +0100
Subject: [PATCH] [fix] uploaded images should have the right height

---
 js/main.js | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

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)