c# - Angular-file-upload 未将图像发布到 C# MVC 控制器

Question

我正在申请angular-file-uploader.js我的 ASP.NET MVC 应用程序。我想在服务器上的文件夹中上传图像。问题发生在我的ProductTemplate控制器上接收图像时（image总是null）：

public ActionResult FileUpload(HttpPostedFileBase image)
{
    ...
}

我的角度控制器：

MyApp.controller("MyController", ['$scope', '$upload',
function ($scope, $upload) {

    $scope.imageFile = {};

    $scope.saveImage = function(images) {
        var image = images[0];
        image.upload = $upload.http({
            url: '/ProductTemplate/FileUpload',
            method: 'POST',
            headers: {
                'Content-Type': image.type
            },
            data: image
        });

        image.upload.then(function(response) {
            ...some code...
        }, function() {
            ...some code...
        });
    };
}

网页：

<form>
    <input type="file" accept="image/*" ng-file-select="" ng-model="imageFile" name="imageFile">
    <button class="btn btn-default" ng-click="saveImage(imageFile)">Change image</button>
</form>

如何在后端控制器上获得正确的图像？

Answer 1

我在寻找相同问题的解决方案时遇到了这个问题，所以即使最初的问题有点老了，我也会回答：

我所做的是忽略自动绑定，只检查 Request.Files：

foreach (string file in Request.Files) {
    var fileContent = Request.Files[file];
    if (fileContent != null && fileContent.ContentLength > 0) 
        ...