From a92a313569e9dc623e18d5338ef8954c394e3d89 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Tue, 22 Nov 2016 19:16:52 -0500 Subject: fix orientation of iphone jpegs --- public/assets/js/vendor/view/uploadview.js | 28 +++++++++++++++++++++++++++- 1 file changed, 27 insertions(+), 1 deletion(-) (limited to 'public/assets/js/vendor/view') 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 -- cgit v1.2.3-70-g09d2