Web Viewer Online Tutorial - Getting Started

How to scan, process, view document image on the Web
Welcome to Yiigo Web Viewer Online Guide!
Yiigo offers easy document imaging solutions with Yiigo.Image for .NET. This document will aid you set up and create an ASP.NET AJAX Web Imaging Viewer. Make sure that you have installed all minimum environment requirements of OS, .NET Framework.
Create a Web Imaging Viewer with Yiigo.Image for .NET

Requirements

Before install Yiigo.Image for .NET in Visual C#.NET, make sure that you have installed.
  • Operating systems - Windows 7, Windows Vista, and Windows XP, etc
  • Compatible with .NET framework 2.0 and above versions
  • Support Visual Studio 2005, 2010 and other .NET development environments
  • Browsers Supported include IE7+, Firefox, Chrome, Safari

Download and Install Yiigo.Image for .NET

  • Download Yiigo.Image for .NET on the download page;
  • Run yiigoiamgefornet.exe installer
  • Install on by default:
    For 32-bit operating system: C:\Program Files\Yiigo.Image for .NET\
    For 64-bit operating system: C:\Program Files (x86)\Yiigo.Image for .NET\

Activate Yiigo.Image for .NET with Evaluation License

  • Request 30 days trial license License, please contact support@yiigo.com;
  • Start the toolkit activation wizard from C:\Program Files\Yiigo.Image for .NET\ and click "NEXT" to continue;
  • Select "Activate 30 days trial license" and click "NEXT";
  • Enter your serial numbers, including dashes click "NEXT" to continue;
  • Enter Email Address & Password of your Yiigo account, and then click "NEXT";
  • Click Finish to complete evaluation request.

Activate Yiigo.Image for .NET with Purchased License

  • Buy developer license alongside with Yiigo.Image for .NET;
  • Start the toolkit activation wizard from C:\Program Files\Yiigo.Image for .NET\ and click "NEXT" to continue;
  • Select "Activate license" and click "NEXT";
  • Enter your valid serial numbers, including dashes click "NEXT" to continue;
  • Click Finish to complete.

Create a Web Imaging Viewer and Handler

  • Start Visual Studio .NET and create a web site;
  • Select Project / Add Reference...;
  • Select the Browse tab and select the Yiigo.Imaging.Net.dll library which can be found on C:\Program Files\Yiigo.Image for .NET\WebImagingViewer;
  • Copy the WebImagingViewer directory into the root of your project;
  • Add a new Generic Handler to your project;
  • Update the Page_Load event handler to be as follows:
<%@ WebHandler Language="C#" Class="WebImagingViewerHandler" %>

using System;
using System.Web;
using Yiigo.Imaging.Net.Web;

public class WebImagingViewerHandler: WebDocumentRequestHandler
{
}

Add Web Pages

  • Add a new Web Form to your project;
  • Copy those codes to your forms:
<script src="WebDocViewer/jquery-1.6.1.min.js" type="text/javascript"></script>                        
<script src="WebDocViewer/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="WebDocViewer/YiigoWebImagingViewer.js" type="text/javascript"></script>
<script src="WebDocViewer/jquery-1.6.1.min.js" type="text/javascript"></script>
<link href="WebDocViewer/jquery-1.6.1.min.css" rel="Stylesheet" type="text/css">
// Add HTML into your document's body to create the document viewing area
<div id="_toolbar1" class="yiigo-document-toolbar" style="width 670px;"></div>
<div id="_container1" class="yiigo-document-container" style="width 670px; height 500px;"> </div>
// Add JavaScript to initialize your viewer
<script type="text/javascript" language="javascript">
var _docUrl = 'Images/Example.tif';
var _serverUrl = 'WebDocViewer.ashx';
var _viewer = new Yiigo.Controls.WebImagingViewer({
'parent': $('#_container1'), 'toolbarparent': $('#_toolbar1'),
'serverurl': _serverUrl,
'documenturl': _docUrl
});
</script>

Deploying to IIS

  • Copy your project to a path within IIS;
  • Get a sever license for Yiigo.Image for .NET;
  • Convert your project directory to an "Application" and assign it to an "Application Pool" (uses "Classic" Maneged pipelinemode) in "IIS Manager";
Find More Web Imaging Viewer Tutorials on
Products
Other Plugins
Image Viewer CoreBarcode PluginPDF Read & WriteTesseract OCR PluginForm Processing PluginJBIG2 CodecJPEG2000 CodecISIS ScannerTwain ScannerDICOM ReaderCAD Scanner