如何将文件发布到ASP.NET Web API

问题描述

我试图将图像文件从JavaScript单页应用程序发送到ASP.Net Core Web api，但我还是从api中获取了null异常。另外，当我尝试使用Postman时，Postman可以正常工作，但是我不想使用表单，我想调用api并发送没有表单的文件。请帮我。这是我的代码。

JavaScript。

fInput = document.getElementById("fInput");
var file = fInput.files[0];
var xmlHttpRequest = new XMLHttpRequest(),fileName = files.name,target = "http://localhost/ImageUploadDemo/api/ImageUpload",mimeType = files.type;
    


    xmlHttpRequest.open('POST',target,true);

    xmlHttpRequest.setRequestHeader('Content-Type',mimeType);
    xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

    xmlHttpRequest.send(file);

    xmlHttpRequest.onreadystatechange = function() {
         debugger;
         if (xmlHttpRequest.readyState == 4 && xmlHttp.status == 200) {
             alert(xmlHttpRequest.responseText);
         }
   }

图片上传API。

[HttpPost]
    public async Task<String> Index([FromForm]IList<IFormFile> files)
    {
        try
        {
        foreach (IFormFile source in files)
        {
            string filename = ContentdispositionHeaderValue.Parse(source.Contentdisposition).FileName.Trim('"');

            filename = this.EnsureCorrectFilename(filename);
            if (!Directory.Exists(_environment.WebrootPath + "\\upload\\"))
                        {
                              Directory.CreateDirectory(_environment.WebrootPath + "\\upload\\");
                }
                using (FileStream fileStream = System.IO.File.Create(_environment.WebrootPath + "\\upload\\" + filename))
            {
                source.copyTo(fileStream);
                fileStream.Flush();
                return "\\upload\\" + source.FileName;
            }
        }
        return "true";

        }
        catch (Exception ex)
        {

            throw;
        }
        
    }

文件始终显示为空。

解决方法

尝试

    xmlHttpRequest.open('POST',target,true);
    xmlHttpRequest.send(new FormData(fInput.form));