如何处理多个图像上传

Question

我正在开发一个 ASP.NET MVC 站点，该站点将允许用户将多个图像上传到画廊。在用户上传他们的图像之后，在将它们保存到数据库之前，用户将能够使用 jQuery 拖放重新排列图像。然后用户可以提交他们的上传。用户以后还可以编辑他们的画廊，并再次有能力重新调整他们的图像顺序。我不会将图像保存到数据库，只是文件名。我不确定如何最好地处理这个问题。我认为 POST 控制器将采用 List<HttpPostedFileBase> 参数，然后转换为 byte [] array 以保持图像顺序。然后将图像名称作为逗号分隔的字符串保存到数据库中？处理这种情况最有效的方法是什么？

Answer 1

好的，所以如果我们拖放一侧，请将此视为您的视图：

@using (Html.BeginForm("Index", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    <input type="file" name="files" value="" multiple="multiple"/>
    <input type="submit" value="Upload"/>
}

在您的控制器中：

[HttpPost]
public ActionResult Index(HttpPostedFileBase[] files)
{
    try
    {
        foreach (HttpPostedFileBase file in files)
        {
            string name = System.IO.Path.GetFileName(file.FileName);
            file.SaveAs(Server.MapPath("~/Images/" + name));

            string filename = "Images/" + name;

            //Save the the filename to your database
        }
    }
    catch
    {
        throw ex;
    }
    return View();
}