本文主要介紹如何利用.NET圖像處理開發(fā)包DotImage創(chuàng)建一個(gè)包含了嵌入式Web文檔查看器的Web頁面以及如何在Web頁面中顯示初始文件。

創(chuàng)新互聯(lián)建站一直通過網(wǎng)站建設(shè)和網(wǎng)站營銷幫助企業(yè)獲得更多客戶資源。 以"深度挖掘，量身打造，注重實(shí)效"的一站式服務(wù)，以網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、移動(dòng)互聯(lián)產(chǎn)品、成都全網(wǎng)營銷推廣服務(wù)為核心業(yè)務(wù)。10年網(wǎng)站制作的經(jīng)驗(yàn)，使用新網(wǎng)站建設(shè)技術(shù)，全新開發(fā)出的標(biāo)準(zhǔn)網(wǎng)站，不但價(jià)格便宜而且實(shí)用、靈活，特別適合中小公司網(wǎng)站制作。網(wǎng)站管理系統(tǒng)簡單易用，維護(hù)方便，您可以完全操作網(wǎng)站資料，是中小公司快速網(wǎng)站建設(shè)的選擇。

創(chuàng)建項(xiàng)目

在VS中，通過ASP.NET Empty Web Site 模板創(chuàng)建一個(gè)網(wǎng)頁。隨即，打開項(xiàng)目的屬性頁，設(shè)置必要的參數(shù)和項(xiàng)目。需要注意以下兩點(diǎn)：

1. 在 References 菜單中，添加一個(gè)新的引用到Atalasoft DotImage WebControls (.NET 2.0)。DotImage 10.0提供了該WebControls，在你安裝DotImage 10.3.1后，依賴自動(dòng)包含在項(xiàng)目中

2. 在Build菜單中，將框架改為.NET Framework 3.5，然后重新打開項(xiàng)目，并遷移web.config。

新增項(xiàng)目資源

項(xiàng)目需要Web文檔查看器資源的副本文件，包括客戶端JavaScript和樣式。DotImage 10.0自帶該資源，默認(rèn)情況下位于: C:\Program Files (x86)\Atalasoft\DotImage 10.0\bin\2.0\x86\WebResources\WebDocViewer。

將WebDocViewer 目錄復(fù)制到項(xiàng)目根目錄。

此外，我們還將創(chuàng)建一個(gè)默認(rèn)的位置用于儲(chǔ)存查看器中顯示的圖片。在項(xiàng)目的根目錄下創(chuàng)建一個(gè)Images目錄，然后將所選擇的圖像或文件添加到該目錄下。本文以Example.tif圖像為例。

添加Handler

連接文檔查看器與網(wǎng)站上的獨(dú)立處理器。

在項(xiàng)目中新增一個(gè)Generic Handler，文件名假設(shè)為WebDocViewer.ashx。Visual Studio中新增一個(gè)Web處理器的默認(rèn)實(shí)現(xiàn)方式。用下列代碼替換掉文件的全部內(nèi)容：

<%@ WebHandler Language="C#" Class="WebDocViewerHandler" %>

 using System;
 using System.Web;
 using Atalasoft.Imaging.WebControls;

 public class WebDocViewerHandler : WebDocumentRequestHandler
 {
 }

添加網(wǎng)頁

假設(shè)我們?cè)诒疚闹刑砑泳W(wǎng)頁為Default.aspx. Visual Studio將會(huì)為該文件
 自動(dòng)創(chuàng)建這個(gè)名為Default.aspx.cs中的代碼隱藏。

Web文檔查看器需要3塊代碼分別用于加載資源，創(chuàng)建顯示區(qū)域以及初始化該區(qū)域。

在文檔的頂部添加下列HTML代碼，從而加載所需資源以創(chuàng)建Web文檔查看器對(duì)象。

<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/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
 <script src="WebDocViewer/atalaWebDocumentViewer.js" type="text/javascript"></script>
 <link href="WebDocViewer/atalaWebDocumentViewer.css" rel="Stylesheet" type="text/css" />

接下來，在文檔的body中添加下列HTML代碼，從而創(chuàng)建文檔顯示區(qū)域。你可以自定義DIV標(biāo)簽。在本示例中，頁面的高度和寬度受到限制。

<div id="_toolbar1" class="atala-document-toolbar" style="width: 670px;"></div>
 <div id="_container1" class="atala-document-container" style="width: 670px; height: 500px;"></div>

最后，下列JavaScript代碼可初始化查看器。構(gòu)造函數(shù)接受影響查看器行為和初始狀態(tài)的所有配置。最低配置將提示何處應(yīng)該創(chuàng)建查看器，何處應(yīng)該放置Web處理器以及最初應(yīng)顯示何種圖像。

<script type="text/javascript" language="javascript">
 var _docUrl = 'Images/Example.tif';
 var _serverUrl = 'WebDocViewer.ashx';

 var _viewer = new Atalasoft.Controls.WebDocumentViewer({
 'parent': $('#_container1'),        // parent container to put the viewer in
 'toolbarparent': $('#_toolbar1'),   // parent container to put the viewer toolbar in
 'serverurl': _serverUrl,            // server handler url to send p_w_picpath requests to
 'documenturl': _docUrl              // document url relative to the server handler url
 });
 </script>

部署到IIS

此時(shí)此刻，網(wǎng)站已準(zhǔn)備就緒。如果您要部署到IIS，需要注意一下幾點(diǎn)：

• 將項(xiàng)目復(fù)制到IIS文檔根目錄下。

• 獲取DotImage服務(wù)器授權(quán)，將授權(quán)文件置于項(xiàng)目的Bin目錄。

• 在IIS Manager中，將你的項(xiàng)目目錄轉(zhuǎn)換到應(yīng)用程序，并將其分配到Application Pool。

• 檢查所使用Application Pool的設(shè)置，確定Enable 32-Bit Applications設(shè)置為“True”，Managed Pipeline Mode設(shè)置為Classic。

此時(shí)，你便可以在瀏覽器中查看你的所加載的文件。

分享文章：DotImage創(chuàng)建AtalasoftWeb文檔查看器
本文URL：http://chinadenli.net/article32/pigesc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、電子商務(wù)、網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)