AngularJs阿贾克斯POST表单文件上传 [英] AngularJs Ajax POST form with file upload

问题描述

我试图建立一个使用一个Ajax请求已被使​​用Ajax构建的API，提交表格。出于某种原因，该文件只是不希望传送到系统，虽然已经有一个后端建成处理这个问题，并能正常工作。

I'm trying to set up a form to be submitted using an ajax request to an api that has already been built using Ajax. For some reason the file just doesn't want to transfer to the system although there is already a back end built to handle this, and it works fine.

我的服务看起来像这样基于一个教程中，我发现在这里：<一href="http://badwing.com/multipart-form-data-ajax-uploads-with-angularjs/">http://badwing.com/multipart-form-data-ajax-uploads-with-angularjs/

My service looks like this based on a tutorial I found here: http://badwing.com/multipart-form-data-ajax-uploads-with-angularjs/

    addActivity: function(url){
        return $http({
            method: 'POST',
            url: REQUEST_URL + 'Volunteering/AddActivity?token=' + token + url,
            headers: {
                'Content-Type': 'multipart/form-data'
            },
            data: {
                file: $scope.file
            },
            transformRequest: formDataObject
        }).
        then(function(result) {
            console.log(result);
            return result.data;
        });
    },

我有一种感觉，它只是一些真正次要的，我很想念，任何人都可以提供一些帮助？

I have a feeling it's just something really minor that i'm missing, can anyone offer some help?

推荐答案

我遇到了类似的问题。

的解决方案是使用FORMDATA

The solution is to use formData

var formData = new FormData();
formData.append("file", $scope.file);

和替换

data: {
            file: $scope.file
        }

与

data: {
            formdata
        }

这篇关于AngularJs阿贾克斯POST表单文件上传的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！