Here are some functions for image viewing in HTML Document Image Viewers:
- Display images and documents in the default directory
- Get images and documents from the non-local directory
- Navigate images and documents to the page you want
- Move to the previous or the next page
- Fit to height
- Fit to width
- Zoom in or zoom out images as you wish
- Scrolling with high speed
- More image viewing & displaying functions
Image Viewing
This page provides detailed information for displaying images and documents in RasterEdge Web Document Viewer. (Want to view image and document in Winforms, C#.NET applications or VB.NET applications, please go to
View Images in Winforms,
Image Viewing for C#.NET and
Image Viewing in VB.NET.) And you also can link
RasterEdge.DocImageSDK Developer's Guide.pdf to get more help.
- Copy you images and documents in t C:\Program Files\RasterEdge\ WebResources\AJAXViewer\images
(If you want to change image directory, change "fliePath" parameter); - Copy those following HTML codes to display your images:
// Set the value to the path:
<param name="filePath" value=" C:\Program Files\RasterEdge\ WebResources\AJAXViewer\images "/>
//Append the parameter DocumentId to the end of the URL
http://servername/RasterEdgeWebDocumentViewer/ajaxClient.html?DocumentId=filename.ext
http://servername/RasterEdgeWebDocumentViewer/ajaxClient.html?DocumentId=commerce.tif
Getting Files from a Non-local Directory
You may get image and documents files from the non-local directory other than the default location:
- Change the value to the path in the RasterEdge .NET Imaging Content Server web.config file:
<add key="filePath" value="\\RasterEdge\Shared\imgs\"/> - Update the configuration in both the content server and AJAX server web.config file;
- Copy and enable those following lines into the web.config file:
<system.web>.<identity impersonate="true"/>;
- Update the RasterEdge .NET Imaging content Server and AJAX Server running account.
Fit to Page
Go to the toolbar:
- Select "Fit to Width" to fit the width of the viewer;
- Select "Fit to Height" to fit the height of the viewer;
- Select "Fit to Page" to fit the whole size of the viewer.
Zoom In and Zoom Out
Go to the toolbar:
- Select "Zoom In" to enlarge the images or documents;
- Select "Zoom Out" to reduce the size of the images or documents;
- Select "Rubber Band Zoom" to drag your mouse to select the area that you want to zoom in on.
Navigation
Go to the toolbar:
- Select "Move to Ex" to move to the previous page;
- Select "Move to Next" to move to the next page;
- Change number in navigate to the page you want.
More Tutorials!
Find more user guides for AJAX Zero-Footprint Document Viewer!
Want to install Imaging SDK in Winforms applications, please go to
Use Imaging SDK in Winforms.