MVC3 / Razor vignette / redimensionner des idées d'image?

Est facile et dynamique pour créer des vignettes et de redimensionner les images dans MVC3/Rasoir? Un helper, bibliothèque, quoi que ce soit?

Il serait bon, si j'ai pu gérer la taille des images à partir du contrôleur. Ou même dans razorview. Exemple: Dans la vue "index" je veux que les images soient d'une certaine taille, mais dans la vue détails, je veux qu'ils soient en pleine taille.

Je sais que cette question est vague, mais je ne pourrais pas trouver quelque chose sur google/stackoverflow autre que l'ancien mvc1 thingos.

Comment faites-vous normalement?

source d'informationauteur Kasper Skov

  1. 10

    Également prendre un coup d'oeil à mon Simple.ImageResizer.MvcExtensions package nuget.

    Site de démo ici: http://imageresizer.apphb.com/

    Ajoute un ImageResult de classe que vous pouvez utiliser dans votre contrôleur de l'action qui prend de la hauteur et la largeur de l'entrée ce qui en fait assez facile d'ajouter des images le redimensionnement de votre mvc site. Nous aimerions savoir ce que vous pensez

  2. 25

    Est facile et dynamique pour créer des vignettes et de les redimensionner
    les images dans MVC3/Rasoir? Un helper, bibliothèque, quoi que ce soit?

    Vous pouvez utiliser le Système intégré.Le dessin de l'assemblée et de l'Image de la classe pour y parvenir. Vous pouvez écrire à l'action d'un contrôleur qui seraient passés comme arguments le nom de l'image et le choix d'une nouvelle de taille et de cette action de contrôleur effectuer le redimensionnement et le retour de la nouvelle image.

    Par exemple:

    public ActionResult Thumbnail(int width, int height)
{
    //TODO: the filename could be passed as argument of course
    var imageFile = Path.Combine(Server.MapPath("~/app_data"), "test.png");
    using (var srcImage = Image.FromFile(imageFile))
    using (var newImage = new Bitmap(width, height))
    using (var graphics = Graphics.FromImage(newImage))
    using (var stream = new MemoryStream())
    {
        graphics.SmoothingMode = SmoothingMode.AntiAlias;
        graphics.InterpolationMode = InterpolationMode.HighQualityBicubic;
        graphics.PixelOffsetMode = PixelOffsetMode.HighQuality;
        graphics.DrawImage(srcImage, new Rectangle(0, 0, width, height));
        newImage.Save(stream, ImageFormat.Png);
        return File(stream.ToArray(), "image/png");
    }
}

    Maintenant aller de l'avant et intégrer cette action dans votre point de vue:

    <img src="@Url.Action("Thumbnail", "SomeController", new { width = 100, height = 50 })" alt="thumb" />
  3. 19

    À l'aide de WebImage classe qui vient dans System.Web.Les aides.WebImage vous pouvez atteindre cet objectif.

    Vous pouvez utiliser ce grand enfant à la sortie d'images redimensionnées à la volée.

    Exemple de code:

    public void GetPhotoThumbnail(int realtyId, int width, int height)
{
    //Loading photos’ info from database for specific Realty...
    var photos = DocumentSession.Query<File>().Where(f => f.RealtyId == realtyId);

    if (photos.Any())
    {
        var photo = photos.First();

        new WebImage(photo.Path)
            .Resize(width, height, false, true) //Resizing the image to 100x100 px on the fly...
            .Crop(1, 1) //Cropping it to remove 1px border at top and left sides (bug in WebImage)
            .Write();
    }

    //Loading a default photo for realties that don't have a Photo
        new WebImage(HostingEnvironment.MapPath(@"~/Content/images/no-photo100x100.png")).Write();
}

    Dans une vue, vous auriez quelque chose comme ceci:

    <img src="@Url.Action("GetPhotoThumbnail",
     new { realtyId = item.Id, width = 100, height = 100 })" />

    Plus à ce sujet ici: Redimensionner l'image à la volée avec ASP.NET MVC

    Je viens de trouver ce bon tutoriel sur WebImage à l'ASP.NET site:

    Travailler avec les Images dans un ASP.NET les Pages Web (Rasoir) Site.

  4. 4

    Il y a une bibliothèque pour elle - c'est MVC3 compatible, et il est mis en œuvre comme un HttpModule, il obtient de bonnes performances.

    C'est aussi gratuit (bien que certains plugins nécessitent un 1-temps de développeur ou de la licence de l'entreprise).

    Vous pouvez le télécharger à http://imageresizing.net

    Bien qu'il est tentant de simplement écrire une action, il y a beaucoup de GDI bugs que vous aurez à traiter avec, une par une, au fil des ans. À l'aide d'une bibliothèque vous permet de faire le suivi et de les éviter. Google "redimensionnement d'Image pièges", le premier résultat est un article qui va vous aider si vous écrivez votre propre décodage/redimensionnement/système d'encodage.