Merge pull request #3964 from sbsmith86/reportback-ie-bug

Reportback ie bug

Author: sbsmith86

lib/themes/dosomething/paraneue_dosomething/js/images/ImageUploadBeta.js

@@ -49,51 +49,101 @@ define(function(require) {
       }
 
       var fr = new FileReader();
-      fr.readAsArrayBuffer(this.files[0]);
-      fr.onload = function () {
-        var blob = _this.getStrippedBlob(this.result);
-        var urlCreator = window.URL || window.webkitURL;
-        var imageUrl = urlCreator.createObjectURL(blob);
-        var image = new Image();
-
-        image.src = imageUrl;
-        image.onload = function() {
-          var image = this;
-          var isValid = _this.validImage(this);
-          var $errorMsg = _this.$uploadButton.parent().siblings(".error");
-
-          if(isValid) {
-            // Remove any previously added error message.
-            if ($errorMsg.length) {
-              $errorMsg.remove();
+
+      if (window.navigator.userAgent.match(/iPad/i) || window.navigator.userAgent.match(/iPhone/i)) {
+        fr.readAsArrayBuffer(this.files[0]);
+        fr.onload = function () {
+          var blob = _this.getStrippedBlob(this.result);
+          var urlCreator = window.URL || window.webkitURL;
+          var imageUrl = urlCreator.createObjectURL(blob);
+          var image = new Image();
+
+          image.src = imageUrl;
+          image.onload = function() {
+            var image = this;
+            var isValid = _this.validImage(this);
+            var $errorMsg = _this.$uploadButton.parent().siblings(".error");
+
+            if(isValid) {
+              // Remove any previously added error message.
+              if ($errorMsg.length) {
+                $errorMsg.remove();
+              }
+
+              // Open the modal.
+              _this.openModal();
+              
+              // Add the preview image to the modal
+              _this.previewImage(image, _this.$imagePreview);
+
+              //Unbind before rebind so it doesnt fire twice.
+              _this.$cropButton.off("click");
+
+              // When the user submits the modal form, send crop values to the form.
+              _this.$cropButton.on('click', function(event) {
+                event.preventDefault();
+
+                // Validate the caption field and make sure we are good to proceed.
+                _this.validateCaption(_this.engageImageCrop, image);
+              });
+            }
+            // Show user an error if they upload an image that is too small.
+            else {
+              if (!$errorMsg.length) {
+                var $error = $("<div class='messages error'>Please upload a larger photo. Min. size is 480px by 480px.</div>");
+                $error.insertAfter(_this.$uploadButton.parent());
+              }
             }
+          };
+        };
+      }
+      else {
+        $("reportback__submissions form-wrapper").prepend("<p>" + Modernizr.exiforientation + "</p>");
+        fr.readAsDataURL(files[0]);
+
+        fr.onloadend = function() {
+          var result = this.result;
+          var image = new Image();
+          image.src = result;
 
-            // Open the modal.
-            _this.openModal();
+          image.onload = function() {
+            var image = this;
+            var isValid = _this.validImage(this);
+            var $errorMsg = _this.$uploadButton.parent().siblings(".error");
 
-            // Add the preview image to the modal
-            _this.previewImage(image, _this.$imagePreview);
+            if(isValid) {
+              // Remove any previously added error message.
+              if ($errorMsg.length) {
+                $errorMsg.remove();
+              }
 
-            //Unbind before rebind so it doesnt fire twice.
-            _this.$cropButton.off("click");
+              // Open the modal.
+              _this.openModal();
 
-            // When the user submits the modal form, send crop values to the form.
-            _this.$cropButton.on('click', function(event) {
-              event.preventDefault();
+              // Add the preview image to the modal
+              _this.previewImage(image, _this.$imagePreview);
 
-              // Validate the caption field and make sure we are good to proceed.
-              _this.validateCaption(_this.engageImageCrop, image);
-            });
-          }
-          // Show user an error if they upload an image that is too small.
-          else {
-            if (!$errorMsg.length) {
-              var $error = $("<div class='messages error'>Please upload a larger photo. Min. size is 480px by 480px.</div>");
-              $error.insertAfter(_this.$uploadButton.parent());
+              //Unbind before rebind so it doesnt fire twice.
+              _this.$cropButton.off("click");
+
+              // When the user submits the modal form, send crop values to the form.
+              _this.$cropButton.on('click', function(event) {
+                event.preventDefault();
+
+                // Validate the caption field and make sure we are good to proceed.
+                _this.validateCaption(_this.engageImageCrop, image);
+              });
+            }
+            // Show user an error if they upload an image that is too small.
+            else {
+              if (!$errorMsg.length) {
+                var $error = $("<div class='messages error'>Please upload a larger photo. Min. size is 480px by 480px.</div>");
+                $error.insertAfter(_this.$uploadButton.parent());
+              }
             }
-          }
+          };
         };
-      };
+      }
     });
 
     // Close the modal when a user wants to change their photo.
@@ -359,7 +409,6 @@ define(function(require) {
     else {
       generatedBlob = new Blob([dataView], {type: 'image/png'});
     }
-
     return generatedBlob;
   };