{"action":"closed","issue":{"url":"https://api.github.com/repos/fengyuanchen/cropper/issues/457","labels_url":"https://api.github.com/repos/fengyuanchen/cropper/issues/457/labels{/name}","comments_url":"https://api.github.com/repos/fengyuanchen/cropper/issues/457/comments","events_url":"https://api.github.com/repos/fengyuanchen/cropper/issues/457/events","html_url":"https://github.com/fengyuanchen/cropper/issues/457","id":107555836,"number":457,"title":"Cropping images with blob URLs","user":{"login":"bgreeley","id":74755,"avatar_url":"https://avatars.githubusercontent.com/u/74755?v=3","gravatar_id":"","url":"https://api.github.com/users/bgreeley","html_url":"https://github.com/bgreeley","followers_url":"https://api.github.com/users/bgreeley/followers","following_url":"https://api.github.com/users/bgreeley/following{/other_user}","gists_url":"https://api.github.com/users/bgreeley/gists{/gist_id}","starred_url":"https://api.github.com/users/bgreeley/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bgreeley/subscriptions","organizations_url":"https://api.github.com/users/bgreeley/orgs","repos_url":"https://api.github.com/users/bgreeley/repos","events_url":"https://api.github.com/users/bgreeley/events{/privacy}","received_events_url":"https://api.github.com/users/bgreeley/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-09-21T17:04:02Z","updated_at":"2015-09-27T08:22:46Z","closed_at":"2015-09-27T08:22:46Z","body":"I'm currently using the ng-file-upload plugin and I'm using the ngf-src attribute to preview the image before I upload it. The image src attribute of the preview is a blob URL. Can I use cropper with a blob URL? I've tried doing so - instantiating the cropper after the image is selected, but haven't had any luck. \r\n\r\n```html\r\n<div class=\"col-md-12\" id=\"photo-preview-crop-container\">\r\n    <img ngf-src=\"file\">\r\n</div>\r\n```\r\n\r\n```javascript\r\n$scope.selected = function() {\r\n\r\n    // Show cropper tools\r\n    $('#photo-preview-crop-container > img').cropper({\r\n        aspectRatio: 4 / 3,\r\n        zoomable: false,\r\n        crop: function(e) {\r\n            console.log(e);\r\n        }\r\n    });\r\n};\r\n```\r\n\r\nIs this even possible? I can just upload the image and have my API return the uploaded file path on the server, but I'd prefer to not have to do that because the application will have two POSTs per image: one to submit and get a URL and then the other to submit the cropped version."}}