Comment afficher des images binaires à partir de la Base de données pour modifier le formulaire en utilisant MVC 4

Je suis le stockage des images dans la Base de données d'Images Binaires avec succès.
Je veux afficher ces images dans le formulaire d'Édition pour modifier et enregistrer les modifications.
Système.OutOfMemoryException " a été levée dans l'Edit.cshtml forme lors de l'affichage d'Images Binaires à partir de la Base de données.

Quelqu'un peut s'il vous plaît corriger mon code.

Classe de modèle:

public class Accommodation
    {
        [Key]
        public string A_Unique_Id { get; set; }

        public byte[] Picture1 { get; set; }

        public byte[] Picture2 { get; set; }

        public byte[] Picture3 { get; set; }


  }

//GET: /Hébergement/Modifier/5

public ActionResult Edit(string id)
    {
        Accommodation accommodation = db.Accommodation.Find(id);
        ViewBag.SelectedAustraliaStateId = new SelectList(db.AustraliaStates, "AustraliaStateId", "AustraliaStateName", accommodation.SelectedAustraliaStateId);

        return View(accommodation);
    }

//POST: /Hébergement/Modifier/5

[HttpPost]
public ActionResult Edit(Accommodation accommodation)
{
    if (ModelState.IsValid)
    {
        db.Entry(accommodation).State = EntityState.Modified;

        //the following line is for re-assigning back the DDL modified value.
        accommodation.State = accommodation.SelectedAustraliaStateId;

        db.SaveChanges();
        return RedirectToAction("Index");
    }
    return View(accommodation);
}

Modifier.cshtml

<div class="editor-label">
        @Html.LabelFor(model => model.Picture1)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.Picture1)
        @Html.ValidationMessageFor(model => model.Picture1)
    </div>

MESSAGE d'ERREUR: Exception de type 'System.OutOfMemoryException " a été levée à la ligne @Html.EditorFor(model => model.Picture1)

OriginalL'auteur Reddy | 2014-01-29

  1. 15

    Pour afficher l'image de votre point de vue

    Vue

    <form  method="post" enctype="multipart/form-data">
@{
    if (Model.Picture1 != null)
      {
         string imageBase64 = Convert.ToBase64String(Model.Picture1);
         string imageSrc = string.Format("data:image/gif;base64,{0}", imageBase64);
         <img src="@imageSrc" width="100" height="100" />
      }
  }
    <input type="file" name="photo" id="files" accept="image/*;capture=camera">
    <button type="button">Submit</button>
  </form>

    Contrôleur

    [HttpPost]
public ActionResult Edit(Accommodation accommodation)
{

  if (Request.Files["files"] != null)
    {
            byte[] Image;
            using (var binaryReader = new BinaryReader(Request.Files["files"].InputStream))
            {
                Image = binaryReader.ReadBytes(Request.Files["files"].ContentLength);
            }
    }
    accommodation.Picture1=Image;
  //your code to save data
}
    Salut Nilesh, ce code est uniquement pour afficher l'Image dans l'affichage modifier mais quand je soumettre la modification de la forme, c'est une économie de NULL dans Picture1 champ. comment puis-je enregistrer l'image en tant que bien?
    êtes-vous d'obtenir l'Image dans votre contrôleur
    les deux GET et POST contrôleurs sont dans le code ci-dessus. Pouvez-vous s'il vous plaît vérifier.
    vérifier édité répondre
    Un message d'erreur comme "le système de.de dessin.image' est un "type", mais est utilisé comme une 'variable'" à la ligne de l'Image = binaryReader.ReadBytes(Requête.Les fichiers["fichier"].ContentLength);

    OriginalL'auteur Nilesh

  2. 0
    byte[] imageByteData = System.IO.File.ReadAllBytes(imageFile);

string imageBase64Data = Convert.ToBase64String(imageByteData);

string imageDataURL = string.Format("data:image/jpg;base64{0}",imageBase64Data);

Session["photo"] = imageDataURL;

    Dans _layout.cshtml page ajouter cette ligne.

    OriginalL'auteur Vishvanatha Achary