saving the cropped image - to amazon s3

Question

I am cropping the image . But When I upload it to the amazon , it saves the originalfile.

 function _handleFileSelect(evt) {
                $scope.beforeLogoSelect = false;
                $scope.file = evt.currentTarget.files[0];
                var reader = new FileReader();
                reader.onload = function(evt) {
                    $scope.$apply(function($scope) {
                        $scope.myImage = evt.target.result;
                    });
                };
                reader.readAsDataURL($scope.file);
            }

This way I get the url of the image and assign it to the cropped image tag.

Now How shal i save the cropped file to a file variable so that I can upload to amazon s3? I want the resultant cropped image in $scope.file.

Thanks.

score 2 · Accepted Answer · edited May 23 '17 at 11:58

2

Converting the data uri to blob was the solution.

Convert Data URI to File then append to FormData

Might be useful for others.

edited May 23 '17 at 11:58

Community

1
1

answered Oct 14 '14 at 14:01

sabari

2,595
5
28
44

saving the cropped image - to amazon s3

1 Answers1