Угловая загрузка - ошибка 405 при отправке данных формы

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

HTML

<input type="file" file-model="myFile" />
<button ng-click="uploadFile()">upload me</button>

Директива

MyApp.directive('fileModel', ['$parse', function ($parse) {
return {
    restrict: 'A',
    link: function (scope, element, attrs) {
        var model = $parse(attrs.fileModel);
        var modelSetter = model.assign;

        element.bind('change', function () {
            scope.$apply(function () {
                modelSetter(scope, element[0].files[0]);
            });
        });
    }
};
}]);

обслуживание

MyApp.service('fileUpload', ['$http', function ($http) {
this.uploadFileToUrl = function (file, uploadUrl) {
    var fd = new FormData();
    fd.append('file', file);
    $http.post(uploadUrl, fd, {
        transformRequest: angular.identity,
        headers: { 'Content-Type': undefined }
    })
    .then(function (response) {
        console.log(1);
    })
    .catch(function (error) {
        console.log(2);
    });
}
}]);

Контроллер

MyApp.controller('AdminController', ['$scope', '$http', '$location', 'fileUpload', function ($scope, $http, $location, fileUpload) {
var baseUrl = $location.protocol() + "://" + location.host + "/";
$scope.uploadFile = function () {
    var file = $scope.myFile;
    $http.post(baseUrl + "Admin/uploadFile", { data: file });
};

}]);

Бэкенд

[HttpPost]
    public ActionResult uploadFile(dynamic data)
    {
        try
        {
            MultiModel mcqModel = new MultiModel();
            mcqModel.editAddQuestionAnswers(data);
            Response.StatusCode = 200;
            return Content("updated");
        }
        catch (Exception ex)
        {
            Response.StatusCode = 500;
            return Content("Fail");
        }
    }

javascript file-upload angularjs asp.net-mvc angularjs-fileupload
person Community    schedule 04.12.2016    source источник
comment
опубликуйте свой внутренний код... это не проблема внешнего интерфейса   -  person Sherif    schedule 04.12.2016
comment
Какой метод требуется API? Вы понимаете ошибку 405?   -  person Tim Grant    schedule 04.12.2016
comment
Спасибо. Я также добавил свой внутренний код. Нужно ли мне преобразовать файл в строку или сделать что-нибудь еще с файлом, прежде чем я отправлю его в серверную часть. Я буду загружать видео и скорее всего их размер будет около 100 мб. Использую ли я правильный подход?   -  person    schedule 04.12.2016

Ответы (1)


arrow_upward
0
arrow_downward

Вместо отправки FormData отправьте файл напрямую:

MyApp.service('fileUpload', ['$http', function ($http) {
this.uploadFileToUrl = function (file, uploadUrl) {
    //var fd = new FormData();
    //fd.append('file', file);
    //$http.post(uploadUrl, fd, {
    $http.post(uploadUrl, file, {
        transformRequest: angular.identity,
        headers: { 'Content-Type': undefined }
    })
}
}]);

Когда браузер отправляет FormData, он использует 'Content-Type': multipart/formdata и кодирует каждую часть с помощью base64.

Когда браузер отправляет файл или большой двоичный объект, он устанавливает тип содержимого в MIME-тип файла или большого двоичного объекта и отправляет двоичные данные.

person georgeawg    schedule 05.12.2016