为什么我的文件从Angular上传到.NET Core Web API无法正常工作？

Question

在我的Angular应用程序中，我正在使用控件： https : //github.com/valor-software/ng2-file-upload

该控件向我的.NET核心Web API发送带有文件的帖子。 这是一个简短的示例，并不是很重要。

public uploader: FileUploader = new FileUploader({url: `${environment.apiBaseUrl}/file`});

最终，控件对此.NET核心Web API操作进行了发布：

[Route("[controller]")]
public class FileController : Controller
{
    [HttpPost]
    public void Post(IFormFile uploadedFile)
    {
        var file = uploadedFile;
        _fileSystemProvider.SaveToFileSystemAsync(_uploadSettings.GetReplacedDirectoryPath(), file.FileName, file.OpenReadStream());
    }
}

已使用Chrome中的控制台确认将文件上传上传到.NET Web api， 但 uploadFile参数为NULL 。

为什么会这样呢？

Answer 1

事实证明，发布操作中的参数名称确实很重要。

我发现ng2-file-upload使用file作为fileInput中的name属性。

因此，当我将post action参数从uploadedFile更改为file一切正常！

    [HttpPost]
    public void Post(IFormFile file)
    {
        _fileSystemProvider.SaveToFileSystemAsync(_uploadSettings.GetReplacedDirectoryPath(), file.FileName, file.OpenReadStream());
    }

我的问题是ng2-fileupload，但您也可以将其与任何其他框架中的任何其他插件一起使用！ 确保您的文件输入或上传控件的名称属性 等于 .NET Web api中Post操作的IFormFile parameter的名称！