同时使用AngularJS上传文件和其他数据

时间:2015-01-07 22:38:28

标签: javascript angularjs post file-upload sails.js

我想将文件和其他一些与用户相关的数据上传到我的sails.js后端。 我当前可以上传文件,但是当我尝试同时上传更多数据时,它会失败。 我尝试做的是将我的$ scope.myObj附加到我的FormData,但当我这样做并在我的服务器上记录该文件时,它找不到该文件。

这是我目前将文件上传到服务器的方式。

$scope.uploadFile = function(data) {

    someOtherFormData = angular.copy(data; // I want to send this along with the image

    var fd = new FormData();
    var url = 'xxxxxx';
    var file = $('#fish_image').get(0).files[0];

    fd.append('image', file);

    $http.post(url, fd, {
        transformRequest:angular.identity,
        headers:{'Content-Type':undefined
        }
    }).success(function(data, status, headers){
        $scope.imageURL = data.resource_uri; 
    }).error(function(data, status, headers){

    })

除了我的图片,我还想发布我的 $ scope.myObj ,其中包含我表单中的其他信息。

我是AngularJS的新手,并没有发现太多与此问题有关的内容,因此任何正确方向的指针都会受到赞赏。我发现了一些类似的线程,但大多数都不是我想要的......

0 个答案:

没有答案