ASP.NET MVC4 + Web API: View images from database in web image viewer.

Code samples for VintaSoft Imaging .NET SDK. Here you can request a code sample.

Moderator: Alex

Post Reply
Alex
Site Admin
Posts: 1579
Joined: Thu Jul 10, 2008 2:21 pm

ASP.NET MVC4 + Web API: View images from database in web image viewer.

Post by Alex » Thu Apr 20, 2017 10:09 am

In this topic we will show how to view images, which are stored in database, in ASP.NET MVC 4 application. Images will not be cached on the server and will be sent directly to the client.

For doing our task we need:
  • Open Visual Studio .NET 2015.
  • Create an ASP.NET MVC 4 application project.
  • Add the references to the Vintasoft assemblies (version 8.7.x.x) and Vintasoft JavaScript files to the project:
    • Vintasoft.Shared.dll
    • Vintasoft.Shared.Web.dll
    • Vintasoft.Imaging.dll
    • Vintasoft.Imaging.Web.Services.dll
    • Vintasoft.Imaging.Web.ApiControllers.dll
    • Scripts\Vintasoft\Vintasoft.Shared.js
    • Scripts\Vintasoft\Vintasoft.Imaging.Html5.js
    You can add the assemblies and JavaScript files manually or automatically. Add the "Vintasoft.Imaging.Web.ApiControllers" Nuget package to the project and the assemblies and JavaScript files will be added automatically.
  • Create a web service, which will get image from database and render image tile or thumbnail for web image viewer.
    • Create a Web API controller with name VintasoftDBImageApiController. Controller will be used for rendering of images and thumbnails.
    • Create the DataBaseImageStorage class, which will be used as a storage for images in database.
    • Create the DatabaseEmulator class, which will be used for emulating connection with database.
    • Specify that VintasoftDBImageApiController class must use DataBaseImageStorage class as a data storage for images.
  • Create a default web view.
    • Add HTML5 web image viewer to the web view.
    • Create 3 web images, which are linked with images stored in database.
    • Create 3 buttons. Each button allows to load image in web image viewer.

Source codes of ASP.NET MVC4 application for VintaSoft Imaging .NET SDK v8.7 can be downloaded from here.

Post Reply