загрузка изображения на сервер не возвращает данных

Question

Я пытаюсь загрузить изображение на сервер и получаю объект без изображения после загрузки с помощью angularjs вот мои отрывки

$scope.saveFile = function(){
            // var filename = $scope.importIdeaFile.name;
            var formData = new FormData(document.getElementById("photoUpdates"));
            console.log("formdata333.... "+formData);
            var formdata = new FormData();
            if(typeof $rootScope.userIdArg != 'undefined' && $rootScope.userIdArg != null && $rootScope.userIdArg !=''){
                formdata.append("userid",$rootScope.userIdArg);
                formdata.append('updatePhoto',new Blob([formData], {
                    type:"application/json"
                }));
                $http.post('/uploadIdeafile',formdata,{
                    transformRequest: angular.identity,
                    headers: {'Content-Type': undefined}})
                    .then(
                        function(response,status) {
                            alert("jarah123..."+response);
                        },
                        function(errResponse) {
                            alert(" Error while fetching User");
                        });
            }
        }

вот мой HTML-тег ввода

<input type="file" class="form-control-file"
                                                       id="photoUpdates" ng-model="updatePhoto" size="60">

формат загружаемого файла не является изображением

Answer 1

этот подход решил мою проблему

$scope.saveFile = function() {
            var f = document.getElementById('photoUpdates').files[0],
                r = new FileReader();
            r.onloadend = function(e) {
                var data = e.target.result;
                console.log(data);
                var fd = new FormData();
                fd.append('userid', $rootScope.userIdArg);
                fd.append('updatePhoto', data);

                $http.post('/uploadIdeafile', fd, {
                    transformRequest: angular.identity,
                    headers: {'Content-Type': 'text/plain;charset=utf-8'
                    }
                })
                    .then(
                        function(response,status) {
                            alert("jarah123..."+response);
                        },
                        function(errResponse) {
                            alert(" Error while fetching User");
                        });
            };
            r.readAsDataURL(f);
        }