使用angularJs上传图像时出错

Question

在我的网页api中我有一个ApiController，我用它将一些图像上传到我的服务器我用fiddler测试了我的服务，它的工作效果非常好，它上传了成功的图像我尝试用AngularJS做一些事情$ http但它不起作用我有这个错误

这是我的角度代码：

  $scope.files = [];
$scope.getFileDetails = function (e) {

    $scope.$apply(function () {
        // enregistret le fichier dans une collection array.
        for (var i = 0; i < e.files.length; i++) 
        {
            $scope.files.push(e.files[i])
        }

        $scope.question.imageUrl=$scope.files[0].name;

            console.log("Nom de l'image de la question : "+$scope.question.imageUrl);
            console.log($scope.files[0]);

            }
        });
};
$scope.saveImageQuestion=function()
{    var fdata = new FormData();
        for (var i in $scope.files)
        {
        fdata.append("uploadedFile", $scope.files[i]);
        }
        $http({
        method: 'POST',
        url: "http://localhost:55864/Api/Photo",
        data: fdata,
        headers: {'Content-Type': undefined,'UniqueId':'testpic2'}
        }).success(function (data, status, headers, config) {
            console.log(data, status, headers, config);


        }).error(function (data, status, headers, config) {
            console.log(data, status, headers, config);

        });
}

这是我的html输入：

 <input onchange="angular.element(this).scope().getFileDetails(this)" name ="file" class="form-control input-sm" id="file" type="file" />

而且我不知道为什么我的状态错误