Загрузить изображение из angularjs с помощью Springboot на FTP - PullRequest
Новая
       6

Загрузить изображение из angularjs с помощью Springboot на FTP

0 голосов
/ 11 мая 2018

Я пытаюсь выбрать файл и загрузить его на FTP. На данный момент я получаю ошибку 415 (тип носителя не поддерживается) при использовании службы springboot в angularjs при отправке изображения.

Это мой угловой контроллер: 

Controllers.controller('UploadCtrl', [ '$scope', '$http',
    function($scope, $http) {
        $scope.doUploadFile = function() {
            var file = $scope.uploadedFile;
            var url = "/ui/upload";

            var data = new FormData();
            data.append('uploadfile', file);

            var config = {
                transformRequest : angular.identity,
                transformResponse : angular.identity,
                headers : {
                    'Content-Type' : undefined
                }
            }

            $http.post(url, data, config).then(function(response) {
                $scope.uploadResult = response.data;
            }, function(response) {
                $scope.uploadResult = response.data;
            });
        };
    } ]);

Мой сервисный контроллер JAVA: 

@POST
@Path("/upload")
@Consumes("multipart/form-data")
public String upload(@RequestParam("uploadfile") MultipartFile file) throws Exception {
    try {
        return "You successfully uploaded - " + file.getOriginalFilename();
    } catch (Exception e) {
        throw new Exception("FAIL! Maybe You had uploaded the file before or the file's size > 500KB");
    }
}

Пока просто получаю имя файла. Что я делаю неправильно, когда употребляю POST?

Заранее спасибо

1 Ответ

0 голосов
/ 11 мая 2018

попробуйте это: -

HTML 

<img ng-src="{{profilePicturePath}}" class="img-responsive"
     alt="Image Not found" style="height:150px; width: 150px;">
<input type="file" class="form-control" style="display: none;"
       file-model="profileFile" multiple name="profileFile"
       id="profileFile" accept="image/*"/>

JS 

$scope.profileFile = null;
$scope.$watch('profileFile', function (profileFile) {
    if (profileFile && profileFile.name) {
        if (profileFile.size / 1012 < 512) {
            if (profileFile.type.startsWith("image/")) {
                uploadProfilePicture(profileFile);
            }
        } 
    }
});

function uploadProfilePicture(profileFile) {
    aspirantService.uploadProfilePicture(profileFile).then(function (response) {
        getProfilePicturePath();
    });
}

this.uploadProfilePicture = function (file) {
            var fd = new FormData();
            fd.append("doc", file);
            return $http.post(Server.url + 'aspirant/pic/', fd, {
                transformRequest: angular.identity,
                headers: {'Content-Type': undefined}
            });
        };

и JAVA 

 @Path("pic")
    @POST
    @Consumes(MediaType.WILDCARD)
    public Response uploadProfilePicture(MultipartFormDataInput input, @Context UserSession session) {


        for (Map.Entry<String, List<InputPart>> entry : input.getFormDataMap().entrySet()) {
            List<InputPart> list = entry.getValue();
            for (Iterator<InputPart> it = list.iterator(); it.hasNext();) {
                InputPart inputPart = it.next();
                try {
                    MultivaluedMap<String, String> header = inputPart.getHeaders();
                    String fileName = RequestHeaderInfo.getFileName(header);
                    String contentType = RequestHeaderInfo.getContentType(header);
                    InputStream inputStream = inputPart.getBody(InputStream.class, null);


                        return Response.status(Response.Status.INTERNAL_SERVER_ERROR).build();
                    }

                //here code for write file



                    return Response.ok(proxy).build();
                } catch (Exception ex) {
                    logger.log(Level.SEVERE, "Error while getting document!", ex);
                }
            }
        }
        return Response.ok().build();
    }
...