How to C#: HTML5 Viewer
ASP.NET MVC
ASP.NET MVC
  |  
Home ›› XDoc.HTML5 Viewer ›› C# Viewer: On ASP.NET MVC

C# HTML5 Viewer: Deployment on ASP.NET MVC


Tutorial about Integrating C# .NET HTML5 Viewer to ASP.NET MVC





There are two ways for using HTML5 Viewer on ASP.NET MVCs application. One is to run RasterEdge_MVC3 Project directly, another is to integrate HTML5 Viewer to a new ASP.NET MVC application. Following steps will guide you how to create a new ASP.NET MVC3 application and add RasterEdge HTML5 Viewer to it.


Please note: In order to reduce the size of SDK package, all dlls are put into RasterEdge.DocImagSDK/Bin directory.




Create a New ASP.NET MVC3 Application in Microsoft Visual Studio



Open Microsoft VisualStudio, select "New Project".


Click Visual C#, select "ASP,NET MVC 3 Web Application" and enter a Name such as "MyMVCApplication", and click OK.  (as shown in picture)





After ASP.NET MVC3 application created, there are two View engine choices: ASPX and Razor, please choose ASPX here.


Successfully created interface is as follows:





Open Global asax.cs, you can find the functions shown below.




Creating a Home folder under Views according to config in picture above. Right-click Home and select "Add New Item", pop-up box as follows, select MVC 3 View Page (ASPX) and rename it. Page name should be consistent with that in path info in figure above.





Add Controller to Index page and name it. Controller name should also be same with that in path info.




Integrate RasterEdge HTML5Viewer to ASP.NET MVC Application



Right-click your project, select "Add Reference...", add related dlls listed below:


  RasterEdge.Imaging.Annotation.dll


  RasterEdge.Imaging.Basic.Codec.dll


  RasterEdge.Imaging.Basic.dll


  RasterEdge.Imaging.DICOM.dll


  RasterEdge.Imaging.Drawing.dll


  RasterEdge.Imaging.Font.dll


  RasterEdge.Imaging.JBIG2.dll


  RasterEdge.Imaging.JPEG2000.dll


  RasterEdge.Imaging.Processing.dll


  RasterEdge.Imaging.SVG.dll


  RasterEdge.XDoc.Converter.dll


  RasterEdge.XDoc.Excel.dll


  RasterEdge.XDoc.HTML5Viewer.dll


  RasterEdge.XDoc.Office.Inner.Common.dll


  RasterEdge.XDoc.Office.Inner.Office03.dll


  RasterEdge.XDoc.PDF.dll


  RasterEdge.XDoc.PDF.HTML5Editor.dll


  RasterEdge.XDoc.PowerPoint.dll


  RasterEdge.XDoc.TIFF.dll


  RasterEdge.XDoc.Word.dll


  RasterEdge.XImage.AdvancedCleanup.Core.dll


  RasterEdge.XImage.OCR.dll


  RasterEdge.XImage.OCR.Tesseract.dll


  RasterEdge.XImage.Raster.Core.dll


  RasterEdge.XImage.Raster.dll


  RasterEdge.XImage.BarcodeCreator.dll ( add as you need)


  RasterEdge.XImage.BarcodeScanner.dll ( add as you need)


Right click MyMVCApplication and select "properties". Set platform target in Build (as shown below). If you use x86 dlls, please choose x86 platform here, or select x64 if you use x64 dlls.





When you select x64 and directly run the application, you may get following error. Please try to deploy HTML5 Viewer in IIS.





Open RasterEdge_MVC3 DemoProject, copy following content to your project:


  Index.aspx


  HomeController.cs


  Global.asax.cs


  RasterEdge_Resource_Files Folder


  RasterEdge_Demo_Docs Folder


  RasterEdge_Cache Folder


  Global.asax.cs


Note: Namespaces in HomeController.cs and Global.asax.cs should be same with the default namespace in application.


Add log.txt to project, it's mainly for recording exceptions occurred when application running.


Web.Config Setting.


  Add following <appSettings> node to your application. (The application cannot to work without this node.)




    <appSettings>
        <add key="cacheFolder" value="RasterEdge_Cache"/>
        <add key="resourceFolder" value="RasterEdge_Resource_Files"/>
    </appSettings>




  Add node <system.web.extensions>, maxJsonLength can be changed as needed.




    <system.web.extensions>
        <scripting>
            <webServices>
                <jsonSerialization maxJsonLength="50000000">
                </jsonSerialization>
            </webServices>
        </scripting>
    </system.web.extensions>




  Add <system.webServer> node.


You’d better to: 1. Set allowDoubleEscaping as “ture”, otherwise some requests cannot response successfully. 2. Add fill extension such as .woff, it’s mainly to insure .woff font can response and display correctly.




    <system.webServer>
        <validation validateIntegratedModeConfiguration="false"/>
        <security>
            <requestFiltering allowDoubleEscaping="true">
                <requestLimits maxAllowedContentLength="41943040"/>
            </requestFiltering>
        </security>
        <staticContent>
            <remove fileExtension=".js"/>
            <remove fileExtension=".svg"/>
            <remove fileExtension=".woff"/>
            <mimeMap fileExtension=".woff" mimeType="application/x-font-woff"/>
            <mimeMap fileExtension=".svg" mimeType="image/svg+xml"/>
            <mimeMap fileExtension=".ttc" mimeType="application/x-font-ttc"/>
            <mimeMap fileExtension=".js" mimeType="application/x-javascript"/>
        </staticContent>
        <urlCompression doStaticCompression="true" doDynamicCompression="true"/>
    </system.webServer>




Press F5, interface run as follows.