Friday 14 April 2017

Code to upload the image in 64 bit in Angularjs

Code to upload the image in 64 bit in Angularjs  

Html code 
<div class="col-md-8">
                                <img ng-src="data:image/png;base64,{{model.Logo}}" id="photo-id" />
                         
                                <input type="file" name="file" onchange="angular.element(this).scope().uploadFile(this)" id="photo-upload" />


                            </div>


Angular code

 $scope.uploadFile = function (input) {
           
           
                if (input.files && input.files[0]) {
                    var reader = new FileReader();
                    reader.readAsDataURL(input.files[0]);
                    reader.onload = function (e) {

                        $('#photo-id').attr('src', e.target.result);                    
                        var canvas = document.createElement("canvas");
                        var imageElement = document.createElement("img");
                                           
                        imageElement.setAttribute = $('<img>', { src: e.target.result });
                        var context = canvas.getContext("2d");
                        imageElement.setAttribute.load(function()
                        {
                            debugger;
                            canvas.width = this.width;
                            canvas.height = this.height;
                       
                       
                            context.drawImage(this, 0, 0);
                            var base64Image = canvas.toDataURL("image/png");

                            var data = base64Image.replace(/^data:image\/\w+;base64,/, "");
                       
                            $scope.model.Logo = data;
                        });
                   
                       
                   
                    }
               

                }
            }

Screen sort


1 comment: