Приложение FormData не работает с сообщением $http

Я хочу отправить информацию на онлайн-сервер, и для этого требуется, чтобы я отправил ее с помощью FormData. Поэтому я использую следующую функцию для этого

var my_app = angular.module("my-app",[])
my_app.controller("MainController", function($scope, $http){
    $scope.master = {title: "Title",desc: "Desctibe", tags: ["One","Two"], category: ["1","2"] };
    var url = "http://freedoctor.southeastasia.cloudapp.azure.com/api/forum/create";
    var config = {"headers":{"Authorization":"JWT eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjU5MzEwNDUxZjk3MjJmZTQyODE1NTIxYSIsInJvbGUiOiJwYXRpZW50IiwiaWF0IjoxNDk3NDE4ODA3fQ.ODrSlYwxvrPb93IzHW3s-7NIVFsOL4pKzqZx8yMqWWE"}};

    $scope.booking = function(){
        $scope.title=$scope.user.title;
        $scope.desc=$scope.user.desc;
        $scope.tags=$scope.user.tags;
        $scope.category=$scope.user.category;
        $scope.askedTo=$scope.user.askedTo;
        var info = new FormData();
        info.append("title", $scope.title);
        info.append("desc", $scope.desc);
        info.append("tags", $scope.tags);
        info.append("category", $scope.category);


        $http.post("http://localhost:8080/"+url, info, config).then(
        function(response){
            console.log(response);
            $scope.reply = response.data;
            },
            function(response){
                console.log(response);
                $scope.reply = response.data;
            });
    }

    $scope.reset = function() {
        $scope.user = angular.copy($scope.master);
    };
    $scope.reset();
});

Поэтому всякий раз, когда я вызываю функцию бронирования, я получаю внутреннюю ошибку сервера.

SyntaxError: Unexpected token -
at parse (/home/freedoctor/fdhbackend/node_modules/body-parser/lib/types/json.js:83:15)
at /home/freedoctor/fdhbackend/node_modules/body-parser/lib/read.js:116:18
at invokeCallback (/home/freedoctor/fdhbackend/node_modules/raw-body/index.js:262:16)
at done (/home/freedoctor/fdhbackend/node_modules/raw-body/index.js:251:7)
at IncomingMessage.onEnd (/home/freedoctor/fdhbackend/node_modules/raw-body/index.js:307:7)
at emitNone (events.js:86:13)
at IncomingMessage.emit (events.js:185:7)
at endReadableNT (_stream_readable.js:974:12)
at _combinedTickCallback (internal/process/next_tick.js:74:11)
at process._tickDomainCallback (internal/process/next_tick.js:122:9)

Я знаю, что FormData работает, так как я проверил это с помощью этого

for (var pair of info.entries()) {
  console.log(pair[0]+ ', ' + pair[1]); 
}

multipartform-data angularjs
person boy man    schedule 14.06.2017    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Дополнительные данные, которые вы пытаетесь передать через объект formData, должны быть добавлены к свойству data объекта FormData. Однажды я написал следующую функцию. Должно работать и для вас:

this.uploadFile = function (url, dataToUpload) {
            var data = new FormData();
            data.append("file", dataToUpload.file); //if you want to upload files along, else ignore this line
            data.append("data", angular.toJson(dataToUpload.data)); //you can pass an object containing additional data and then append it here to the data property
            return $http.post(url, data, {
                transformRequest: angular.identity,
                headers: { 'Content-Type': undefined }
            });
        }

Вы можете связать свои обратные вызовы .then с возвращаемым объектом из этой функции.

Попробуйте это и обновите, если у вас возникнут какие-либо проблемы.

person Saurabh Tiwari    schedule 15.06.2017
comment
Я ответил на аналогичный вопрос stackoverflow.com/questions/44405200/. Может быть, вы можете относиться к этому как-то - person Saurabh Tiwari; 15.06.2017
comment
Спасибо за ответ, но я не думаю, что это сработает в моем случае. Поскольку я хочу отправлять строки только в запросе. Я просто не могу понять ошибку, которую я получаю после звонка - person boy man; 16.06.2017
comment
Я вижу, вы пытаетесь добавить пользовательские свойства в объект FormData. Я сомневаюсь, что это не поддерживается, и поэтому ваш запрос не может быть сериализован. - person Saurabh Tiwari; 16.06.2017