Как отобразить/сохранить и получить изображение как varbinary(MAX) с использованием представления ASP.NET MVC

Я новичок в ASP.NET MVC, так что извините за ошибки.

Мне нужна страница просмотра (index.cshtml), где я могу отображать изображение, изменять/удалять изображение, сохраняя его в столбце Varbinary(max) в таблице SQL Server.

В таблице базы данных есть следующие столбцы:

ID int  primary key Identity not null,
ImageName  nvarchar(50) ,
ImagePicInBytes varbinary(MAX) null

Я использую Image.cs с этим кодом:

public class Image
{
    public int ID {get; set;}
    public string ImageName {get; set;}
    public byte[] ImagePicInBytes {get; set;}
}

ImageContext класс, как показано ниже

public class ImageContext : DbContext
{
    public DbSet<Image> Images { get; set; }
}

Строка подключения, как показано ниже

<connectionStrings>
    <add name="ImageContext"  
         connectionString="server=.; database=Sample; integrated security =SSPI" 
         providerName="System.Data.SqlClient"/>
</connectionStrings>

ImageController как показано ниже

public class ImageController : Controller
{
    private ImageContext db = new ImageContext();

    // GET: /Image/
    public ActionResult Index()
    {
        return View(db.Images.ToList());
    }

    // GET: /Image/Edit/5
    public ActionResult Edit(int? id)
    {
        if (id == null)
        {
            return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
        }

        Image image = db.Images.Find(id);

        if (image == null)
        {
            return HttpNotFound();
        }

        return View(image);
    }
}

Создали представления, как показано ниже

public class ImageController : Controller
{

        private ImageContext db = new ImageContext();

        // GET: /Image/
        public ActionResult Index()
        {
            return View(db.Images.ToList());
        }


        // GET: /Image/Edit/5
        public ActionResult Edit(int? id)
        {
            if (id == null)
            {
                return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
            }
            Image image = db.Images.Find(id);
            if (image == null)
            {
                return HttpNotFound();
            }
            return View(image);
        }

        // GET: /Image/Delete/5
        public ActionResult Delete(int? id)
        {
            if (id == null)
            {
                return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
            }
            Image image = db.Images.Find(id);
            if (image == null)
            {
                return HttpNotFound();
            }
            return View(image);
        }

        // POST: /Image/Delete/5
        [HttpPost, ActionName("Delete")]
        [ValidateAntiForgeryToken]
        public ActionResult DeleteConfirmed(int id)
        {
            Image image = db.Images.Find(id);
            db.Images.Remove(image);
            db.SaveChanges();
            return RedirectToAction("Index");
        }

    }
}

Мой create.cshtml (представление), как показано ниже

<table class="table">
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.ImageName)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.ImagePicInBytes)
        </th>
        <th></th>
    </tr>

@foreach (var item in Model) {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.ImageName)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.ImagePicInBytes)
        </td>
        <td>
            @Html.ActionLink("Edit", "Edit", new { id=item.ID }) |
            @Html.ActionLink("Details", "Details", new { id=item.ID }) |
            @Html.ActionLink("Delete", "Delete", new { id=item.ID })
        </td>
    </tr>
}

</table>

У меня есть следующие 3 вопроса

  1. Как я могу создать новую запись в таблице данных, загрузив новое изображение из файловой системы в столбец Varbinary в базе данных?

  2. Как я могу иметь представление для управления FILEUPLOAD в «создать представление» и «редактировать представление»

  3. Могу ли я использовать HttpPostedFileBase для достижения вышеуказанного из Create.cshtml? Если да: как? Любые предложения или справочные ссылки доступны?


person Ismail Khan    schedule 08.05.2016    source источник
comment
Я думаю, вам нужно разбить этот вопрос на более мелкие, более легко определяемые проблемы. Вы должны публиковать вопросы с одной проблемой и наименьшим объемом кода, который может воспроизвести проблему. stackoverflow.com/help/how-to-ask   -  person Mick    schedule 09.05.2016


Ответы (1)


прежде всего создайте модель представления для класса изображения

   public class ImageViewModel
   {
    public string ImageName {get; set;}
    public HttpPostedFileBase ImagePic {get; set;}
   }

затем для загрузки фотографии в режиме создания

@model ExmpleProject.Models.ImageViewModel

@using (Html.BeginForm("Create", "ControllerName", FormMethod.Post, new {enctype="multipart/form-data"})){ 

         @Html.AntiForgeryToken() 
         @Html.LabelFor(m => m.ImageName)
         @Html.TextBoxFor(m => m.ImageName)

         @Html.LabelFor(m => m.ImagePic )
         @Html.TextBoxFor(m => m.ImagePic , new { type = "file" })
         <br />
         <input type="submit" name="Submit" id="Submit" value="Upload" />
    }

затем в почтовом методе вашего контроллера для создания

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create(ImageViewModel model)
{
    if (ModelState.IsValid)
    {
       var uploadedFile = (model.ImagePic != null && model.ImagePic.ContentLength > 0) ? new byte[model.ImagePic.InputStream.Length] : null;
                if (uploadedFile != null)
                {
                    model.ImagePic.InputStream.Read(uploadedFile, 0, uploadedFile.Length);
                }
        Image image = new Image
        {
            ImageName = model.ImageName,
            ImagePicInBytes = uploadedFile
        }
        db.Create(image);
        db.SaveChanges();
        return RedirectToAction("Index");
    }

    return View(model);
}

поэтому для вашего метода редактирования вы можете сделать аналогичную реализацию, но вместо Create (изображение) используйте Update (изображение)

person Amin K    schedule 08.05.2016
comment
@ Амин, ответ был очевиден. Вы сделали мою жизнь проще. Слава вам. Большое спасибо. - person Ismail Khan; 09.05.2016
comment
@IsmailKhan рад помочь, на самом деле это было частью моего подхода к созданию формы мастера регистрации в mvc с дополнительными преимуществами, если вы делаете такое, это ссылка может быть полезной - person Amin K; 09.05.2016