MVC编辑页新增图片需求：保留已有图片添加新图片

你的核心问题在于当前控制器代码在上传新图片时，直接用新上传的图片名覆盖了原有图片的存储字段，没有将新旧图片合并。要实现新旧图片共存，需要调整图片名的拼接逻辑，同时确保视图端正确传递原有图片信息。

控制器代码修改 #

修改EditDescriptions方法中图片名的处理逻辑，将原有图片名与新上传的图片名合并，而不是替换：

public ActionResult EditDescriptions(List<AddStoryDTO> model, HttpPostedFileBase[] Images)
{
    if (model != null && ModelState.IsValid)
    {
        for (int i = 0; i < model.Count; i++)
        {
            var description = model[i];
            var uploadedImages = Request.Files.GetMultiple($"Images_{i}");
            List<string> imageNames = new List<string>();

            // 先把原有图片名加入列表（如果存在）
            if (!string.IsNullOrEmpty(model[i].Imagename))
            {
                imageNames.AddRange(model[i].Imagename.Split(','));
            }

            // 处理新上传的图片
            if (uploadedImages != null && uploadedImages.Count > 0)
            {
                foreach (var image in uploadedImages)
                {
                    if (image != null && image.ContentLength > 0)
                    {
                        var imageName = Path.GetFileName(image.FileName);
                        var path = Path.Combine(Server.MapPath("~/Areas/Admin/Content/StoryImage/"), imageName);
                        // 可选：检查文件是否已存在，避免覆盖服务器上的同名文件
                        if (!System.IO.File.Exists(path))
                        {
                            image.SaveAs(path);
                            imageNames.Add(imageName);
                        }
                    }
                }
            }

            // 合并后的图片名赋值回DTO
            description.Imagename = string.Join(",", imageNames);
            bll.UpdateDescriptionAndImage(description);
        }

        return RedirectToAction("TitleList");
    }

    return View(model);
}

视图端必要设置 #

确保编辑页面中：

• 用隐藏域保存当前已有的图片名，回传给控制器：

  @for (int i = 0; i < Model.Count; i++)
  {
      @Html.HiddenFor(m => m[i].Imagename)
      <!-- 其他描述字段编辑控件 -->
      <!-- 多文件上传控件，命名要匹配控制器中的Images_{i} -->
      <input type="file" name="Images_@i" multiple />
  }
  

• 上传控件支持多文件选择（添加multiple属性），并且命名规则与控制器中Request.Files.GetMultiple($"Images_{i}")的命名一致。

额外注意事项 #

• 可以添加同名文件检测逻辑（代码中已标注可选），避免新上传的同名图片覆盖服务器上已存在的文件，比如给文件名加上时间戳后缀。
• 确保业务逻辑层UpdateDescriptionAndImage方法正确更新数据库中的Imagename字段，不会因为字段长度限制导致截断。

内容的提问来源于stack exchange，提问作者Aahana Dutta