保存/检索图像。 ASP.NET MVC

Question

我试图显示我以前在视图中加载的图像，但没有成功。 图片上传，这是肯定的。到目前为止，我已经写了这样的事情：

@if(Model.AttachedInformation.Count > 0) 
{ 
    <div id="gallery"> 
     @foreach(var path in Model.AttachedInformation) 
     { 
      <img src="@path" alt="default_description" title="some_title" /> 
     } 
    </div> 
} 

AttachedInformation只是一个ICollection<String>对象。

但这只给我图像的边界。此外，我检查了@path变量，它确实保留了完整的文件路径。

建议感激！ 谢谢！

编辑：CONTROLLER

[AcceptVerbs(HttpVerbs.Post)] 
public ActionResult Create(Employee employee, IEnumerable<HttpPostedFileBase> files) 
{ 
    if(ModelState.IsValid) 
    { 
     var filepath = String.Empty; 

     foreach(var file in files) 
     { 
      if(null != file && file.ContentLength > 0) 
      { 
       filepath = Path.Combine(
        HttpContext.Server.MapPath("~/Content/Images/Uploads"), 
        Path.GetFileName(file.FileName) 
       ); 
       file.SaveAs(filepath); 
       employee.AttachedInformation.Add(filepath); 
      } 
     }     

     this.repository.Add(employee); 

     return Redirect("/"); 
    } 
    else 
    { 
     return View(employee); 
    } 
} 

模型

AbstractEntity保持Version和ID性能。

[Serializable] 
public class Employee : AbstractEntity<Employee>, IAggregateRoot 
{ 
    public Employee() 
    { 
     this.AttachedInformation = new HashSet<String>(); 
    } 

    public virtual String FirstName { get; set; } 
    public virtual String MiddleName { get; set; } 
    public virtual String LastName { get; set; } 
    public virtual String SSN { get; set; } 
    public virtual String EmployeeNumber { get; set; } 
    public virtual String TradeUnionNumber { get; set; } 
    public virtual String Department { get; set; } 
    public virtual String Post { get; set; } 
    public virtual DateTime DateOfHire { get; set; } 
    public virtual DateTime DateOfBirth { get; set; } 
    public virtual ICollection<String> AttachedInformation { get; set; } 
} 

VIEW

视图包含多个input s的名字files像：

<input type="file" name="files" id="additional" class=" " accept="image/jpeg,image/png,image/gif" /> 

RAW HTML

<div id="gallery"> 
    <img src="D:\Programming.Projects\BOA\branches\BOA.PresentationLayer\Content\Images\Uploads\Desert.jpg" alt="default_description" title="some_title" /> 
    <img src="D:\Programming.Projects\BOA\branches\BOA.PresentationLayer\Content\Images\Uploads\Hydrangeas.jpg" alt="default_description" title="some_title" /> 
    <img src="D:\Programming.Projects\BOA\branches\BOA.PresentationLayer\Content\Images\Uploads\Jellyfish.jpg" alt="default_description" title="some_title" /> 
    <img src="D:\Programming.Projects\BOA\branches\BOA.PresentationLayer\Content\Images\Uploads\Koala.jpg" alt="default_description" title="some_title" /> 
</div> 

BOUNTY

我需要的是得到一个说明的例子（工程）。谢谢！

Answer 1

好的。我找到了解决方案。也许这对别人有用。

var directory = "/Content/Images/Uploads/" + employee.SSN; 
var path = String.Empty; 

if(!Directory.Exists(Server.MapPath(directory))) 
{ 
    Directory.CreateDirectory(Server.MapPath(directory)); 
} 

foreach(var file in files) 
{ 
    if(null != file && file.ContentLength > 0) 
    { 
     path = Path.Combine(directory + "/", Path.GetFileName(file.FileName)); 
     file.SaveAs(Server.MapPath(path)); 
     employee.AttachedInformation.Add(path); 
    } 
} 

这对我很有用。更正赞赏。

Answer 2

HttpContext.Server.MapPath("~/Content/Images/Uploads") 

上面将给你磁盘上的完整路径，然后你将其保存到员工记录。您应该保存文件的名称，然后将图像采集到〜/ Content/Images/Uploads/

另一个需要注意的是，您将通过文件名将所有图像保存到同一个目录中。如果两个用户上传同名的文件，则会覆盖另一个文件。每位员工都应该有自己的上传目录，否则应该动态生成文件名。