使用視圖，視圖模型和控制器將圖像上載到SQL服務器

我在VS 2013中，一般來說對ASP.NET MVC來說是全新的。我一直試圖在沒有運氣的情況下這樣做。讓用戶使用圖片上傳完成表格，並將圖片寫入數據庫。我知道最好寫出數據庫的路徑並將該圖像存儲在應用程序的內容文件夾中，但我不知道如何執行這些操作。有人能給我一個出發點嗎？使用視圖，視圖模型和控制器將圖像上載到SQL服務器

我也有一個ClientUtility.cs用於填充下拉菜單，但我現在看不到這是需要的。

當前數據庫中圖像參考的數據類型爲VARCHAR(255)。

Controller：

private TpsEntities db = new TpsEntities(); 
    [HttpPost] 
    public ActionResult SaveStaffDetails(RegisterStaffViewModel model) 
    { 

     var staff = new staffTable() 
     { 
      staffFirstName = model.FirstName, 
      staffLastName = model.LastName, 
      staffTitle = model.SelectedTitle, 
      staffAddress = model.Address, 
      staffCity = model.City, 
      staffState = model.SelectedState, 
      staffZip = model.ZipCode, 
      staffExperience = model.SelectedExperience, 
      staffEducation = model.SelectedEducation, 
      desiredSalary = model.SelectedSalary, 
      staffProfession = model.SelectedProfession, 
      staffAvailibity = model.SelectedAvailability, 
      staffEmail = model.EmailAddress, 
      staffPhoneNum = model.PhoneNumber, 
      staffPhoto = null, 
      userID = model.UserId 
     }; 

     using (var db = new TpsEntities()) 
     { 
      db.staffTables.Add(staff); 
      db.SaveChanges(); 
     } 

     var userManager = HttpContext.GetOwinContext().GetUserManager<ApplicationUserManager>(); 
     var user = userManager.FindById(model.UserId); 

     userManager.AddToRole(model.UserId, "Staff"); 

     ClaimsIdentity identity = userManager.CreateIdentity(user, DefaultAuthenticationTypes.ApplicationCookie); 
     identity.AddClaim(new Claim(ClaimTypes.Role, "Staff")); 


     var AuthenticationManager = System.Web.HttpContext.Current.GetOwinContext().Authentication; 

     AuthenticationManager.SignIn(new AuthenticationProperties() {IsPersistent = false}, identity); 

     return RedirectToAction("Index", "Home"); 
    } 
}

ViewModel：

public class RegisterStaffViewModel 
{ 
    [Required] 
    [Display(Name = "First Name")] 
    public string FirstName { get; set; } 


    [Required] 
    [Display(Name = "Last Name")] 
    public string LastName { get; set; } 

    [Required] 
    [Display(Name = "Address")] 
    public string Address { get; set; } 

    public System.Web.UI.WebControls.ListItemCollection Title { get; set; } 
    [Required] 
    [Display(Name = "Title")] 
    public string SelectedTitle { get; set; } 

    [Required] 
    [Display(Name = "City")] 
    public string City { get; set; } 

    public System.Web.UI.WebControls.ListItemCollection States { get; set; } 
    [Required] 
    [Display(Name = "State")] 
    public string SelectedState { get; set; } 

    [Required] 
    [Display(Name = "Zip Code")] 
    public double? ZipCode { get; set; } 

    [Required] 
    [Phone] 
    [Display(Name = "Phone Number")] 
    public string PhoneNumber { get; set; } 

    [Required] 
    [EmailAddress] 
    [Display(Name = "Email Address")] 
    public string EmailAddress { get; set; } 

    public System.Web.UI.WebControls.ListItemCollection Experience { get; set; } 
    [Required] 
    [Display(Name = "Experience")] 
    public string SelectedExperience { get; set; } 

    public System.Web.UI.WebControls.ListItemCollection Education { get; set; } 
    [Required] 
    [Display(Name = "Education")] 
    public string SelectedEducation { get; set; } 

    public System.Web.UI.WebControls.ListItemCollection Salary { get; set; } 
    [Required] 
    [Display(Name = "Salary")] 
    public string SelectedSalary { get; set; } 

    public System.Web.UI.WebControls.ListItemCollection Profession { get; set; } 
    [Required] 
    [Display(Name = "Profession")] 
    public string SelectedProfession { get; set; } 

    public System.Web.UI.WebControls.ListItemCollection Availability { get; set; } 
    [Required] 
    [Display(Name = "Availability")] 
    public string SelectedAvailability { get; set; } 

    public string UserId { get; set; } 
}

View：

@*Start of Registration Form for Staff*@ 

@using (Html.BeginForm("SaveStaffDetails", "Staff", FormMethod.Post, new { @class = "form-horizontal", role = "form" })) 
{ 
      @Html.AntiForgeryToken() 
      @Html.HiddenFor(m => m.UserId) 
      <fieldset> 

       <!-- Form Name --> 
       <legend>Register New Staff</legend> 

       @*First Name*@ 
       <div class="form-group"> 
        <div class="col-md-6"> 
         @Html.TextBoxFor(m => m.FirstName, new { @class = "form-control input-md", @placeholder = "First Name" }) 
        </div> 
       </div> 

       @*Last Name*@ 
       <div class="form-group"> 
        <div class="col-md-6"> 
         @Html.TextBoxFor(m => m.LastName, new { @class = "form-control input-md", @placeholder = "Last Name" }) 
        </div> 
       </div> 

       @*Person Title*@ 
       <div class="form-group"> 
        <label class="col-md-6 control-label" for="title">Title</label> 
        <div class="col-md-6"> 
         @Html.DropDownListFor(m => m.SelectedTitle, new SelectList(Model.Title, "Text", "Value")) 
        </div> 
       </div> 


       @*Address Line*@ 
       <div class="form-group"> 
        <div class="col-md-6"> 
         @Html.TextBoxFor(m => m.Address, new { @class = "form-control input-md", @placeholder = "Address" }) 
        </div> 
       </div> 

       @*City*@ 
       <div class="form-group"> 
        <div class="col-md-6"> 
         @Html.TextBoxFor(m => m.City, new { @class = "form-control input-md", @placeholder = "City" }) 
        </div> 
       </div> 

       @*State*@ 
       <div class="form-group"> 
        <label class="col-md-6 control-label" for="state">State</label> 
        <div class="col-md-6"> 
         @Html.DropDownListFor(m => m.SelectedState, new SelectList(Model.States, "Text", "Value")) 
        </div> 
       </div> 

       @*Zip Code*@ 
       <div class="form-group"> 
        <div class="col-md-6"> 
         @Html.TextBoxFor(m => m.ZipCode, new { @class = "form-control input-md", @placeholder = "Zip Code" }) 
        </div> 
       </div> 

       @*Phone Number*@ 
       <div class="form-group"> 
        <div class="col-md-6"> 
         @Html.TextBoxFor(m => m.PhoneNumber, new { @class = "form-control input-md", @placeholder = "Phone Number" }) 
        </div> 
       </div> 

       @*Email Address*@ 
       <div class="form-group"> 
        <div class="col-md-6"> 
         @Html.TextBoxFor(m => m.EmailAddress, new { @class = "form-control input-md", @placeholder = "Email Address" }) 
        </div> 
       </div> 

       @*Experience*@ 
       <div class="form-group"> 
        <label class="col-md-6 control-label" for="experience">Experience</label> 
        <div class="col-md-6"> 
         @Html.DropDownListFor(m => m.SelectedExperience, new SelectList(Model.Experience, "Text", "Value")) 
        </div> 
       </div> 

       @*Education*@ 
       <div class="form-group"> 
        <label class="col-md-6 control-label" for="education">Education</label> 
        <div class="col-md-6"> 
         @Html.DropDownListFor(m => m.SelectedEducation, new SelectList(Model.Education, "Text", "Value")) 
        </div> 
       </div> 

       @*Desired Salary*@ 
       <div class="form-group"> 
        <label class="col-md-6 control-label" for="salary">Desired Salary</label> 
        <div class="col-md-6"> 
         @Html.DropDownListFor(m => m.SelectedSalary, new SelectList(Model.Salary, "Text", "Value")) 
        </div> 
       </div> 

       @*Profession*@ 
       <div class="form-group"> 
        <label class="col-md-6 control-label" for="profession">Profession</label> 
        <div class="col-md-6"> 
         @Html.DropDownListFor(m => m.SelectedProfession, new SelectList(Model.Profession, "Text", "Value")) 
        </div> 
       </div> 

       @*Availability*@ 
       <div class="form-group"> 
        <label class="col-md-6 control-label" for="availability">Availability</label> 
        <div class="col-md-6"> 
         @Html.DropDownListFor(m => m.SelectedAvailability, new SelectList(Model.Availability, "Text", "Value")) 
        </div> 
       </div> 

       <!-- INSERT IMAGE UPLOAD HERE --> 
      </fieldset> 

      <input type="submit" value="Save" /> 
}

來源

2014-10-19 slider1578

編輯您的控制器以下code.I假設staffPhoto正在picturepath。

public ActionResult SaveStaffDetails(RegisterStaffViewModel model,HttpPostedFileBase image) 
{ 
    if (Request.Files.Count > 0) { 
     string FileName = Guid.NewGuid().ToString().Replace("-", ""); 
     string Path = System.IO.Path.GetExtension(Request.Files[0].FileName); 
     string FullPath = "~/Images/StaffPhotos/" + FileName + Path; 
     Request.Files[0].SaveAs(Server.MapPath(FullPath)); 
     staffPhoto = FileName + Path; 
    } 
}

在你看來，你需要一個文件後輸入

<input type="file" class="filestyle" name="image" data-classbutton="btn btn-primary" data-input="false">

來源

2014-10-19 08:44:39 Trinity

我加你指出上述VAR人員=新staffTable（）控制器什麼。它不需要。 staffPhoto在當前上下文中不存在。 – slider1578 2014-10-19 19:38:32

它不會保存，因爲您的模型中沒有包含photopath的任何變量。包含public string somethingPath {get;設置;}在你的分貝必須有一列屬於photopaths。 – Trinity 2014-10-20 03:54:43

使用視圖，視圖模型和控制器將圖像上載到SQL服務器

回答

相關問題