Afficher une image à partir de la base de données en asp net mvc

J'obtiens une image dans un tableau d'octets format de la commande, Comment puis-je afficher cette vision? la manière la plus simple.

InformationsquelleAutor | 2009-05-19

asp.net-mvc c#

117

Créer un contrôleur pour afficher des images avec un Spectacle d'action qui prend l'id de l'image à afficher à partir de la base de données. L'action doit retourner un FileResult qui contient les données de l'image avec le type de contenu approprié.
```
public class ImageController : Controller
{
    public ActionResult Show( int id )
    {
        var imageData = ...get bytes from database...

        return File( imageData, "image/jpg" );
    }
}
```
Dans votre vue, de construire l'image et utiliser l'id de l'image pour construire un chemin d'accès de l'image en utilisant le contrôleur et l'action.
```
<img src='<%= Url.Action( "show", "image", new { id = ViewData["imageID"] } ) %>' />
```
- Cette méthode a très bien fonctionné pour moi.
- Et moi. De bonnes choses.
- me 3. grand. merci!
- Erreur : Impossible de créer une instance de la classe statique du Système".IO.Fichier'
- la classe doit dériver de Controller (résolu). File est une méthode de Controller.
- Sans n+1 ???
- Si vous utilisez le contrôleur HomeController, quelle devrait être la ActionResult Show() sera de retour dans la Vue?
InformationsquelleAutor tvanfosson
9

Accepté la réponse de l'utilisation de ce:
```
<img src='<%= Url.Action( "show", "image", new { id = ViewData["imageID"] } ) %>'
```
est bien, mais périmées pour mvc 4. La mise à jour de la syntaxe doit indiquer:
```
<img src='@Url.Action( "show", "image", new { id = ViewData["imageID"] })' />
```
Aussi, je trouve que lorsque j'ai besoin de cette fonctionnalité, je suis déjà passer à d'autres données de la vue, de sorte qu'il est agréable à utiliser le Modèle au lieu de la ViewData.
```
public class MyModel {
    public string SomeData {get;set;}
    public int FileId {get; set;}
}
```
À partir de votre contrôleur:
```
public ActionResult Index() {
    MyEntity entity = fetchEntity();

    MyModel model = new MyModel {
        SomeData = entity.Data,
        FileId = entity.SomeFile.ID
    };

    return View(model);
}
```
Enfin à partir de votre point de vue:
```
<img src='@Url.Action("show", "image", new { id = Model.FileId })' />
```
La méthode "Show" sur le contrôleur pour la accepté de répondre fonctionne, mais je voudrais changer le codé en dur "image/jpg" pour utiliser un Fichier.ContentType - vous pouvez stocker ce avec le byte[] de sorte que vous n'avez pas besoin de deviner si les utilisateurs de télécharger leurs propres images.

InformationsquelleAutor BrianLegg
4

Je sais que ce post est assez vieux, mais il a été l'un des premiers qui m'est venue quand j'ai été à essayer de comprendre comment le faire pour la plupart, Augi réponse était correcte, mais la plupart des assemblées sont hors du
1. - je télécharger mvc2 aperçu 1
2. pas besoin de s'inquiéter à propos de microsoft.web.mvc choses que je ne pourrais pas trouver ce genre de trucs de toute façon et de recherche pendant environ une heure à essayer de comprendre ce qu'il a évolué dans
c'est le code que j'ai écrit qui fonctionne pour moi pour l'affichage d'une image à partir d'une base de champ de type image

dans mon contrôleur de classe que j'ai appelé le magasin, j'ai ce
```
public ActionResult GetImage(int id)
{
    byte[] imageData = storeRepository.ReturnImage(id);

    //instead of what augi wrote using the binarystreamresult this was the closest thing i found so i am assuming that this is what it evolved into 
    return new FileStreamResult(new System.IO.MemoryStream(imageData), "image/jpeg");
}

//in my repository class where i have all the methods for accessing data i have this

public byte[] ReturnImage(int id)
{
    //i tried his way of selecting the right record and preforming the toArray method in the return statment 
    //but it kept giving me an error about converting linq.binary to byte[] tried a cast that didnt work so i came up with this
    byte[] imageData = GetProduct(id).ProductImage.ToArray();
    return imageData;
}
```
maintenant, de mon point de vue page j'ai essayé al sortes de façons que j'ai trouvé dans ces formes et rien n'a fonctionné, je suis en supposant qu'ils étaient seulement obsolète, donc j'ai essayé sur un coup de tête la plus simple de toutes les chose que je pouvais penser, et cela a fonctionné parfaitement
```
<image src='/store/getimage/<%= Html.Encode(Model.productID) %>' alt="" />
```
j'ai continué à obtenir une erreur à partir du site sur l'affichage des balises img, donc assurez-vous de changer l'image ci-dessus pour img

espoir qui aide à empêcher personne de la chasse tous les jours pour une réponse actuelle

http://aspnet.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=30886

InformationsquelleAutor

public ActionResult EmployeeImage(int id)
{
    byte[] imageData ="Retrieve your Byte[] data from database";
    if (imageData!= null && imageData.Length > 0)
    {
        return new FileStreamResult(new System.IO.MemoryStream(imageData), "image/jpeg");
    }
}

InformationsquelleAutor farogh haider

2

Chaque réponse ici peut être correct, mais la façon la plus simple à mon avis est d'obtenir le tableau d'octets ou de Modèle contenant l'image et ajoutez simplement comme ceci
```
<img  src="data:image/jpeg;base64,@(Convert.ToBase64String(Model.Picture))">
```
InformationsquelleAutor Faraz Ahmed

-2

En supposant que vous avez un dataRow (dr) avec deux colonnes "nom" et "binary_image" (binary_image contient le binaire info)

 Byte[] bytes = (Byte[])dr["Data"];
 Response.Buffer = true;
 Response.Charset = "";

 Response.Cache.SetCacheability(HttpCacheability.NoCache);
 Response.ContentType = dr["Image/JPEG"].ToString();

 Response.AddHeader("content-disposition", "attachment;filename=" & dt.Rows[0]["Name"].ToString());

 Response.BinaryWrite(bytes);
 Response.Flush();
 Response.End();

InformationsquelleAutor Ropstah

Vous devez vous connecter pour publier un commentaire.