如何将图像文件的列表保存在var []中，并立即将其发送到控制器

Question

我需要将图像文件数组发送到控制器。在下面，我已将一个文件发送到控制器，但是我需要发送图像文件的列表。

我的控制器：

public async Task<IActionResult> AddImage(string emailid , List<IFormFile> imagefile)
{
    ImageUpload img=new ImageUpload();
    var emailId = feedBackContext.UserMasters.FirstOrDefault(m=>m.Email==emailid);
    foreach (var item in imagefile)
    {
        if (item.Length > 0)
        {
            using (var stream = new MemoryStream())
            {
                await item.CopyToAsync(stream);
                img.imagefile = stream.ToArray();
            }
        }
    }
    img.EmailID = emailId.UserMasterID;
    var existimage = feedBackContext.ImageUpload.FirstOrDefault(m => m.EmailID == emailId.UserMasterID);
    if (existimage == null)
    {
        feedBackContext.ImageUpload.Add(img);
        feedBackContext.SaveChanges();
        return RedirectToAction("Index");
    }
    else
    {
        feedBackContext.ImageUpload.Remove(existimage);
        feedBackContext.SaveChanges();
        feedBackContext.ImageUpload.Add(img);
        feedBackContext.SaveChanges();
        return RedirectToAction("Index");
    }
}

我的JavaScript文件：
(我需要将图像文件数组发送给控制器，例如传递数组(

function sendArr(form)
var []=imgarr;
{     
    $.ajax(
        {
            type: "POST",
            traditional: true,
            url: form.action,
            data: { dataList: arr, imageList: imgarr },
            dataType: "json",
            success: function (asd) {
                document.getElementById("QuestionDescription").value = "";
                document.getElementById("AnswerDescription").value = "";
                count = 0;
                $('#demo').remove();
                document.getElementById("QuestionDescription").focus();
                window.location.href = '';
            }
        });
    }
}

我的表格::

<script>
function addAnswer() {
imgarr[count] = document.getElementById('imagefile').value;
}
</script>
<form asp-action="AddImage">
<input type="file" id="imagefile" name="imagefile"  />
</form>

如果您对此有所了解，请帮助我。

Answer 1

考虑您的 form 看起来与此相似：

<form action="" method="post" enctype="multipart/form-data">
  <label for="file1">Filename:</label>
  <input type="file" name="files" id="file1" />
  <label for="file2">Filename:</label>
  <input type="file" name="files" id="file2" />
  <input type="submit"  />
</form>

控制器：您需要使用IEnumerable<HttpPostedFileBase>

[HttpPost]
public ActionResult Index(IEnumerable<HttpPostedFileBase> files) {
  foreach (var file in files) {
    if (file.ContentLength > 0) {
      var fileName = Path.GetFileName(file.FileName);
      var path = Path.Combine(Server.MapPath("~/App_Data/uploads"), fileName);
      file.SaveAs(path);
    }
  }
  return RedirectToAction("Index");
}

files变量是指表单字段中的名称属性。

如果您喜欢的话，也可以在模型中填充变量。

从此处获取的示例