保存/檢索圖像。 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/

另一個需要注意的是，您將通過文件名將所有圖像保存到同一個目錄中。如果兩個用戶上傳同名的文件，則會覆蓋另一個文件。每位員工都應該有自己的上傳目錄，否則應該動態生成文件名。