fix orientation of iphone jpegs

1 files changed, 27 insertions, 1 deletions

diff --git a/public/assets/js/vendor/view/uploadview.js b/public/assets/js/vendor/view/uploadview.js
index 436f4c8..fd8b085 100644
--- a/public/assets/js/vendor/view/uploadview.js
+++ b/public/assets/js/vendor/view/uploadview.js
@@ -29,11 +29,37 @@ var UploadView = View.extend({
         continue;
       }
       
-      this.upload(f)
+      if (is_mobile && f.type.match(/jpg|jpeg/)) {
+        this.fixOrientationAndUpload(f)
+      }
+      else {
+        this.upload(f)
+      }
       // this.getImageDimensions(f)
     }
   },
 
+  fixOrientationAndUpload: function(f){
+    var reader = new FileReader();
+    var img = new Image ()
+    
+    reader.addEventListener("load", function () {
+      img.src = reader.result
+    }, false)
+
+    img.onload = function(){
+      var canvas = renderToCanvas(img, {
+        correctOrientation: true,
+        scale: 1
+      })
+      var dataURI = canvas.toDataURL("image/jpeg", 0.8)
+      var blob = dataUriToBlob( dataURI )
+      this.upload(blob)
+    }.bind(this)
+
+    reader.readAsDataURL(f)
+  },
+
 /*
   getImageDimensions: function(f){
     var base = this