Использование переменной после того, как она была изменена другой функцией - получение неопределенного

0

Я хочу получить путь к изображению после выполнения функции uploadFiles. Таким образом, у меня будет значение, присвоенное self.ProjectImagePath. Но он не работает, я думаю, что он выполняется сразу после вызова функции. Кто-нибудь может помочь?

        self.submitProject = function(file) {
          console.log("Submit Project \n");
            uploadFiles.apply(this, arguments);
            console.log(self.ProjectImagePath); ///ERROR HERE!!!! (UNDEFINED)
            var data = JSON.stringify({
                name: self.ProjectName,
                room: self.room,
                managers: self.Managers,
                members: self.ProjectMembers,
                image: self.ProjectImagePath
            });
            //console.log(data);
            $http.post('/rooms/' + self.room + '/project', data).success(function(data) {
                //$window.location.href = "/";
            });
        }

        function uploadFiles(file) {
            file.upload = Upload.upload({
                url: 'projectImages/upload',
                data: {
                    file: file
                }
            });

            file.upload.then(function(response) {
                $timeout(function() {
                    file.result = response.data;
                    self.ProjectImagePath = file.result;
                });
            }, function(response) {
                if (response.status > 0)
                    self.errorMsg = response.status + ': ' + response.data;
              });
        }

После выполнения изображения изображение загружается на сервер, но я не могу получить его путь. Im использует AngularJS

  • 2
    Ваш console.log() происходит до того, как ответ от загрузки завершен. Подробное объяснение здесь .
  • 0
    Вы распечатали response.data? Что это показывает
Показать ещё 1 комментарий
Теги:

1 ответ

1
Лучший ответ

У вас возникли проблемы с кодом вызова до того, как обещание (асинхронное действие) было завершено.

Это должно делать то, что вам нужно:

self.submitProject = function(file) {
    console.log("Submit Project");

    function handleSuccess(response) {
        self.ProjectImagePath = file.result = response.data;

        // Should work correctly.
        console.log(self.ProjectImage);

        var data = JSON.stringify({
            name: self.ProjectName,
            room: self.room,
            managers: self.Managers,
            members: self.ProjectMembers,
            image: self.ProjectImagePath
        });

        $http.post('/rooms/' + self.room + '/project', data).success(function(data) {
            //$window.location.href = "/";
        });
    }

    function handleError(response) {
        if (response.status > 0)
            self.errorMsg = response.status + ': ' + response.data;
    }

    uploadFiles(file, handleSuccess, handleError);
};

function uploadFiles(file, successCallback, errorCallback) {
    file.upload = Upload.upload({
        url: 'projectImages/upload',
        data: {
            file: file
        }
    });

    file.upload.then(successCallback, errorCallback);
}
Поделиться
  • 0
    Я попробовал это. Он говорит: «Не могу прочитать свойство» тогда «неопределенного»
  • 1
    Я обновил код, попробуйте это.
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню