{"action":"opened","issue":{"url":"https://api.github.com/repos/Foliotek/Croppie/issues/112","repository_url":"https://api.github.com/repos/Foliotek/Croppie","labels_url":"https://api.github.com/repos/Foliotek/Croppie/issues/112/labels{/name}","comments_url":"https://api.github.com/repos/Foliotek/Croppie/issues/112/comments","events_url":"https://api.github.com/repos/Foliotek/Croppie/issues/112/events","html_url":"https://github.com/Foliotek/Croppie/issues/112","id":144958883,"number":112,"title":"croppie('result', 'canvas') returning blank(black) image","user":{"login":"Jabinc","id":18193806,"avatar_url":"https://avatars.githubusercontent.com/u/18193806?v=3","gravatar_id":"","url":"https://api.github.com/users/Jabinc","html_url":"https://github.com/Jabinc","followers_url":"https://api.github.com/users/Jabinc/followers","following_url":"https://api.github.com/users/Jabinc/following{/other_user}","gists_url":"https://api.github.com/users/Jabinc/gists{/gist_id}","starred_url":"https://api.github.com/users/Jabinc/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Jabinc/subscriptions","organizations_url":"https://api.github.com/users/Jabinc/orgs","repos_url":"https://api.github.com/users/Jabinc/repos","events_url":"https://api.github.com/users/Jabinc/events{/privacy}","received_events_url":"https://api.github.com/users/Jabinc/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-03-31T17:04:32Z","updated_at":"2016-03-31T17:04:32Z","closed_at":null,"body":"I am opening a local html file with css and javascript inside the html file on Safari v9.0.3.\r\nThe croppie window is displaying as expected.  The image is being uploaded through a form with\r\n`<input type=\"file\" accept=\"image/*\" multiple name=\"img[]\" id=\"image\" />`\r\nThe bind method works to display the image and cycles to the next image without a problem.  It then cycles on to the appropriate 'AddTitle' data-role page.  In 'AddTitle' the croppie('result', 'canvas') is displayed as a blank (black) image in the correct cropped dimensions.  \r\n`alert(imgString[imageCounter]); `\r\nshows the same base64 data for the stored image in the array each time it is called (this is the blank black image stored each time).  Code is below.  Thank you for any suggestions or comments on the code.\r\n\r\nI have been looking at problems with the draw buffer, but to my understanding they don't apply since this is occurring inside the same 'Cropped' function?\r\n\r\n```javascript\r\nvar imageCounter = 0;\r\nvar imgString = [];\r\nvar imageArray = [];\r\n\r\nfunction Cropped(){\r\n  var h = $( window ).height();\r\n  var w = $( window ).width();\r\n  var cropWindow = $(\".crop\");\r\n  cropWindow.croppie({\r\n    viewport: {\r\n          width: 270,\r\n          height: 960,\r\n          type: 'square' //default 'square'\r\n      },\r\n      boundary: {\r\n          width: w,\r\n          height: h\r\n      },\r\n      enableZoom: true, //default true // previously showZoom\r\n      showZoomer: false, //default true\r\n      mouseWheelZoom: true //default true\r\n  });\r\n  imageArray = document.getElementById(\"image\");\r\n  $(\"#imageUpload\").hide();\r\n  var URLString = window.URL.createObjectURL(imageArray.files[imageCounter]);\r\n  cropWindow.croppie('bind', {url: URLString});\r\n  $(document).on('click', '#addPhoto', function cropAction(e){\r\n    e.preventDefault();\r\n    if(imageArray.files.length>0){\r\n      cropWindow.croppie('get');\r\n      cropWindow.croppie(\"result\", {type: \"canvas\", format: \"jpeg\"}).then(function(img){\r\n        imgString[imageCounter] = img;\r\n        alert(imgString[imageCounter]);\r\n        imageCounter++;\r\n        cropWindow.croppie(\"destroy\");\r\n        if(imageCounter<imageArray.files.length){\r\n          Cropped();\r\n        }\r\n        else{\r\n          var imgSRC;\r\n          imgSRC = '<img src=\"' + imgString[0] + '\" />';\r\n          $('#imageTest').html(imgSRC);\r\n          $(\"#redirectToAddTitle\").click();\r\n        }\r\n      });\r\n    }\r\n  });\r\n}\r\n```"}}