在 asp.net 核心中使用表单数据上传文件

Question

我正在尝试将带有表单数据的文件从 angular 1.5x 上传到 .net core web api 控制器。 我的控制器是这样的

    [HttpPost]public async Task<ObjectResult> Create(TutorModel model) 
    {
    }

我的发帖方式是

 return $http.post("/api/Tutor/createTutor/",
      data,
                {
                    withCredentials: false,
                    headers: { 'Content-Type': undefined },
                    transformRequest: angular.identity,
                    responseType: "arryabuffer"
                });


Where data is


for (var i = 0; i < vm.uploadedFiles.length ; i++) { //vm.upload contains list of file
                data.append(vm.uploadedFiles[i].name, vm.uploadedFiles[i]);
            }
            data.append("tutor", tutor); //tutor is json object 

现在当它发布到控制器时，模型不包含任何属性值。如果我观看 Request.Form.Files，我会在控制器中上传文件。将模型发送到上述方法的最佳方法是什么。任何指针？谢谢

Answer 1

Asp.net 核心文档简要介绍了这个主题。

你的控制器动作应该是这样的。

[HttpPost("UploadFiles")]
public async Task<IActionResult> Post(List<IFormFile> files)
{
   long size = files.Sum(f => f.Length);

   // full path to file in temp location
   var filePath = Path.GetTempFileName();

   foreach (var formFile in files)
   {
      if (formFile.Length > 0)
      {
         using (var stream = new FileStream(filePath, FileMode.Create))
         {
            await formFile.CopyToAsync(stream);
         }
      }
    }

     // process uploaded files

    return Ok(new { count = files.Count, size, filePath});
}

IFormFile 有这些属性的地方

   public interface IFormFile
   {
     string ContentType { get; }
     string ContentDisposition { get; }
     IHeaderDictionary Headers { get; }
     long Length { get; }
     string Name { get; }
     string FileName { get; }
     Stream OpenReadStream();
     void CopyTo(Stream target);
     Task CopyToAsync(Stream target, CancellationToken cancellationToken = null);
   }

注意：在关系数据库中存储二进制数据时要小心，因为它会对性能产生不利影响。

在此处阅读详细文章 File Uploads

Answer 2

上传 Tutor 的一种方法是像这样使用 JSON.stringify：

data.append("tutor", JSON.stringify(tutor));

然后在您的操作中，解析 JSON 字符串：

[HttpPost]
public async Task<IActionResult> Create([FromForm] string tutor) 
{
    var tutorObj = JsonConvert.DeserializeObject<TutorModel>(tutor);
}

如果你把你的js转换成这个，你可以在同一个请求中上传文件：

 data.append("files", vm.uploadedFiles[i]);

然后将其添加到您的操作中：

[FromForm] IEnumerable<IFormFile> files

Answer 3

你可以尝试像这样使用formdata

const data = new FormData();

然后附加你的文件和 json 对象

for (var i = 0; i < vm.uploadedFiles.length ; i++) { //vm.upload contains list of file
            data.append(vm.uploadedFiles[i].name, vm.uploadedFiles[i]);
        }
        data.append("tutor", tutor);

然后发布数据。

在服务器端，创建一个不带任何参数的方法，比如

public async Task<ActionResult> Create() {
 // You can access the posted form object from Request.Form
 var vm = Request.Form;
 // your files
 var files = Request.Form.Files;
}

Request.Form 是键值集合，您可以使用名称获取任何附加内容。 Name 是 FormData 的 append 方法中的第一个参数。