65.9K
CodeProject 正在变化。 阅读更多。
Home

扩展 Microsoft SharePoint 以创建最终的文档管理解决方案

Dynamsoft
starIconstarIconstarIconstarIconstarIcon

5.00/5 (1投票)

2012 年 8 月 17 日

CPOL

6分钟阅读

viewsIcon

40466

downloadIcon

302

在本文中，我们将介绍如何使用 Dynamic Web TWAIN 来获取、编辑图像并将其上传到 Microsoft SharePoint。

介绍 

Microsoft SharePoint 经常用于公司内网，旨在将信息集中化，并使所有相关方都能轻松访问。然而，不仅信息需要集中化。公司在 IT 上投入了大量资源，以确保所有计算机都更新到最新版本的工具和软件。拥有一个提供软件工具的 SharePoint 服务器可以减轻在所有系统上同步所有这些软件的需求。Dynamic Web TWAIN 是一个网页文档处理 SDK，它可以与 SharePoint 的管理功能相结合，为您的公司创建终极文档管理解决方案。

Dynamsoft 为 Dynamic Web TWAIN 提供了一个 ActiveX 控件，可以通过 Internet Explorer 浏览器自然访问。尽管 Microsoft SharePoint 最常通过 Internet Explorer 访问，但当使用其他浏览器时，Dynamic Web TWAIN 也可以通过浏览器插件集成。以下文章解释了 Dynamic Web TWAIN 如何作为同时支持 ActiveX 和浏览器插件方法的对象集成到 SharePoint 中。

主要特点

  • 作为 Web 部件自然集成到 SharePoint 中。
  • 扫描和编辑图像后，直接将文件上传到 SharePoint 文档库。
  • 适用于 Internet Explorer 用户的 ActiveX 插件。
  • 支持其他浏览器的浏览器插件：Firefox、Chrome、Opera、Safari。

Procedure

将自定义代码插入 SharePoint 有两种常用方法：通过页面或内容编辑器上的“编辑 HTML 源”，或使用自定义 Web 部件。虽然第一种方法很简单，但它不够模块化，并且复制代码时容易出错。在本教程中，我们将重点介绍第二种方法：使用自定义 Web 部件。

Web 部件是一个模块化的“对象”，可以轻松插入到任何 SharePoint 页面中。它使用包含 HTML、JavaScript 和/或 .NET 代码的 .ascx 源文件创建。在我们的案例中，我们不需要任何服务器端脚本，因此我们将只使用 HTML 和 JavaScript。我们将使用安装了 SharePoint 开发工具的 Visual Studio 2010 来创建 Web 部件。

步骤 1. 部署

在本教程中，我们假设您的计算机上已经安装了 Dynamic Web TWAIN，或者已经下载了试用版。进入您的 Dynamic Web TWAIN 安装文件夹，查看其中以 Dynamic 开头的文件。在我们的案例中，我们使用的是试用版，我们有：

  • DynamicWebTWAIN.cab：适用于 Windows 上的 32 位 IE
  • DynamicWebTWAINx64.cab：适用于 Windows 上的 64 位 IE
  • DynamicWebTwain.xpi：适用于 Windows 上的 Firefox
  • DynamicWebTWAINMacEditionTrial.pkg：适用于 Mac OS
  • DynamicWebTWAINPlugIn.msi：适用于 Windows 上的 Chrome、Safari 和 Opera

这些是 Dynamic Web TWAIN 在服务器端所需的文件。我们将它们上传到 SharePoint 布局文件夹，以便可以通过 SharePoint 服务器访问它们。找到您的 SharePoint LAYOUTS 文件夹。通常，它位于：C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS。

在该文件夹中，创建一个名为 DynamicWebTWAIN 或您喜欢的任何名称的新文件夹。将前面提到的所有文件复制到此新文件夹中。您现在可以继续创建 Web 部件以使用这些文件。

注意：在我们的示例中，我们还包含了一个 .lpk 许可文件（如果您有许可，可以生成），以及一个 twain_associate.pdf 文件。twain_associate.pdf 文件只是一个示例图像，用于通过我们的示例代码加载到 TWAIN 中。

步骤 2. 加载图像并上传到您的 SharePoint 文档库

在 Visual Studio 中创建一个新的 Web 部件来包含 Dynamic Web TWAIN。为此，请转到 文件 -> 新建项目 -> SharePoint -> 2010 -> 可视 Web 部件。

 

Visual Studio 将询问有关您的服务器设置的一些问题，然后为您创建一个带有几个标题的新 .ascx 文件。在这些标题下面，您将插入用于集成 Dynamic Web TWAIN 的 HTML 和 JavaScript 代码。在这里，您可以插入您在 SharePoint 之外的其他网页中使用的任何代码，它应该能正常工作。在本教程中，我将演示 Dynamic Web TWAIN 的一个简单实现，它将加载图像并将其上传到 SharePoint 文档库。

//Load a test image
WebTWAIN.HTTPDownload("dynamsharepoint", "/_layouts/DynamicWebTWAIN/twain_associate.pdf");
WebTWAIN.HTTPUploadThroughPut("dynamsharepoint", 0, "/TWAIN%20Uploads/twain_associate.pdf");

DynamicWebTWAIN 文件夹应该是绝对路径，以您的 SharePoint 服务器的主机名开头。在我们的案例中，主机名是 dynamsharepoint。layouts 文件夹使用 _layouts 虚拟路径访问。

if (ExplorerType() == "IE" && (navigator.userAgent.indexOf("Win64") == -1 || navigator.userAgent.indexOf("x64") == -1)) {
    strObjectActiveX = "<object id='mainDynamicWebTwainIE' style='width: 300px; height: 300px;' " + 
      "codebase='http://dynamsharepoint/_layouts/DynamicWebTWAIN/DynamicWebTWAIN.cab#version=7,0' " + 
      "class='divcontrol'" + "classid='clsid:FFC6F181-A5CF-4ec4-A441-093D7134FBF2' viewastext> " + 
      strObjectActiveX;
    var objDivx86 = document.getElementById("maindivIEx86");

    objDivx86.style.display = "inline";
    objDivx86.innerHTML = strObjectActiveX;
    var obj = document.getElementById("maindivPlugin");

    obj.style.display = "none";

    WebTWAIN = document.getElementById("mainDynamicWebTwainIE");
} //if IE 32 bit, direct users to use DynamicWebTWAIN.cab

步骤 3. 测试

现在您的 Web 部件已在 Visual Studio 中创建，是时候通过 SharePoint 对其进行测试了。在 Visual Studio 调试菜单中，单击“开始调试”（或按键盘上的 F5）。这将启动调试过程，并启动您的默认浏览器。登录 SharePoint 后，编辑任何页面。在编辑页面时，切换到“编辑工具”下的“插入”选项卡，然后单击“Web 部件”。 （Web 部件按钮可能需要几分钟才能可用）。

Web 部件对话框出现后，选择“自定义”并选择您刚刚在 Visual Studio 中创建的 Web 部件。最后，单击右侧的“添加”按钮将其添加到页面中。

添加 Web 部件后，保存并查看您的页面。您现在应该在页面上有一个功能正常的 WebTWAIN 对象。如果您没有看到它，请务必检查您的 JavaScript 控制台以识别代码中的任何错误。如果 Dynamic Web TWAIN 加载成功，JavaScript 控制台中应该有一个 WebTWAIN 对象。

您可能在上面的图片中看到有一个“TWAIN 上传”库。在我们的示例代码中，我们通过 PUT 将图像上传到 TWAIN 上传。如果您正在使用示例代码，请务必创建一个名为 TWAIN 上传的新库以允许上传。创建文件夹后，再次访问 WebTWAIN 对象页面，图像应该会上传到文件夹中，如下所示。

将扫描的图像直接上传到 SharePoint 允许它们被 SharePoint 的内部版本控制功能跟踪。这种集成对于文档管理非常强大。

就这样，您在 SharePoint 中解锁了 Dynamic Web TWAIN 的功能。现在一切都经过测试并正常工作，您可以考虑将 Web 部件永久放置到您的生产 SharePoint 服务器上。如果您不知道如何操作，可以查看Microsoft 关于部署 Web 部件的文档。

结论

对于使用 Microsoft SharePoint 作为内网或网站的公司，WebTWAIN 是实现集中式文档管理工具的完美选择。使用网络工具消除了在系统之间安装和更新软件的需求，这与 Microsoft SharePoint 完美契合。

将 Microsoft SharePoint 强大的管理功能与 Dynamic WebTWAIN 等文档处理解决方案相结合，可以形成一个完整的文档管理解决方案，使您的公司井然有序。扫描的文档可以通过版本控制进行跟踪，通过访问控制进行保护，并在您的内网中查看。有关 Dynamic WebTWAIN 的更多信息，请访问 Dynamsoft 网站。

下载示例

要试用与 SharePoint 的集成，您可以在此处下载 Dynamic Web TWAIN 的免费试用版：Dynamic Web TWAIN 30 天免费试用版。

© . All rights reserved.