<p><strong>导言：</strong></p>
<p> 在前面的教程我们阐述了应用程序处理二进制数据的2种模式，以及使用FileUpload 控件从浏览器向服务器文件系统上传文件。当文件上传并存储在文件系统里时，应在相应的数据库记录里存储该文件的存储路径。</p>
<p> 我们先来看如何为最终用户提供二进制数据。怎样展示二进制数据呢？这取决于其类型。比如图片，我们将其显示为image；如果是PDFs,Microsoft Word文档、ZIP文件或其它类型的数据，或许提供一个“Download”链接比较妥当。</p>
<p> 在本节，我们看如何在GridView和DetailsView一类的数据Web控件里呈现二进制数据，在后面的教程我们将注意力转向将上传文件和数据库联系起来。</p>
<p><strong>第一步：提供BrochurePath值</strong></p>
<p> 表Categories的Picture列存储相关类的图片信息。具体的讲，为16色的低质量位图，大小为172乘120像素，约11 KB。另外还包括一个约78字节的OLE报头，在显示图片的时候需要将其剥离。为什么会有报头信息呢？因为数据库Northwind源于微软的Access数据库。在Access里二进制数据OLE类型来存储的，该类型会添加报头。现在，我们看如何从图片剥离报头，以便显示。在后面的教程我们将创建一个界面，将带报头的这些位图替换为不带报头的等价的JPG图片。</p>
<p> 前面我们考察了如何使用FileUpload控件，让我们继续为服务器文件系统添加文件。不过暂时不用更新Categories表的BrochurePath列，那是下一章的内容。我们现在需要手工为BrochurePath赋值。</p>
<p> 在本教程，当你下载东西时，可以看到在~/Brochures7文件夹有7个PDF小册子，每个小册子对应一个种类，Seafood除外。我故意没为Seafood提供PDF小册子，以便探讨如何处理某些记录没有附带二进制数据的情况。在服务器资源管理器里右键点击Categories，选“查看表数据”，输入文件路径，如图1所示。由于Seafood类没有图片，将其BrochurePath的值设为“NULL”。 </p>
<p><img alt="//img.jbzj.com/file_images/article/201605/201605170855051.gif" src="https://beijingoptbbs.oss-cn-hangzhou.aliyuncs.com/jb/2426819-01a1c8bbd6566959594fdd0e79ac9f91.gif"><br>
<strong>图1:手工为表Categories的BrochurePath列键入值</strong></p>
<p><strong>第2步：在GridView里添加一个下载链接</strong></p>
<p> 当为表Categories的BrochurePath列赋值后，我们准备创建一个GridView用于展示每个种类，并附带一个链接下载每个类的小册子。在第4步我们将扩展GridView以显示每个类的图片。</p>
<p> 打开BinaryData文件夹的DisplayOrDownloadData.aspx页面并进入设计模式，从工具箱里拖一个GridView控件到页面，设其ID为Categories，从其智能标签选择绑定到一个名为CategoriesDataSource的ObjectDataSource控件。该控件调用类CategoriesBLL的GetCategories()方法。</p>
<p><img alt="//img.jbzj.com/file_images/article/201605/201605170855052.gif" src="https://beijingoptbbs.oss-cn-hangzhou.aliyuncs.com/jb/2426819-3438bcc2d9f6c5826d65ad807fe30ea3.gif"><br>
<strong>图2：创建一个名为CategoriesDataSource的ObjectDataSource控件</strong></p>
<p><img alt="//img.jbzj.com/file_images/article/201605/201605170855053.gif" src="https://beijingoptbbs.oss-cn-hangzhou.aliyuncs.com/jb/2426819-e25814c2d78642564e0d84b50d7c6e4c.gif"><br>
<strong>图3：设置ObjectDataSource使用CategoriesBLL类</strong></p>
<p><img alt="//img.jbzj.com/file_images/article/201605/201605170855054.gif" src="https://beijingoptbbs.oss-cn-hangzhou.aliyuncs.com/jb/2426819-7b34d8248c7f10468a177f3a1e37e636.gif"><br>
<strong>图4：调用GetCategories()方法</strong></p>
<p> 完成设置后，Visual Studio自动的为CategoryID, CategoryName, Description, NumberOfProducts和BrochurePath生成BoundField。移除NumberOfProducts，因为GetCategories()方法用不上，同样将CategoryID移除了。分别把CategoryName和 BrochurePath的HeaderText属性改为“Category”和“Brochure”。做上述修改后，你的GridView and ObjectDataSource的声明代码看起来应该像下面的这样：</p>
<div class="blockcode">
<pre class="brush:csharp;">
<asp:GridView ID="Categories" runat="server"
AutoGenerateColumns="False" DataKeyNames="CategoryID"
DataSourceID="CategoriesDataSource" EnableViewState="False">
<Columns>
<asp:BoundField DataField="CategoryName" HeaderText="Category"
SortExpression="CategoryName" />
<asp:BoundField DataField="Description" HeaderText="Description"
SortExpression="Description" />
<asp:BoundField DataField="BrochurePath" HeaderText="Brochure"
SortExpression="BrochurePath" />
</Columns>
</asp:GridView>
<asp:ObjectDataSource ID="CategoriesDataSource" runat="server"
OldValuesParameterFormatString="original_{0}"
SelectMethod="GetCategories" TypeName="CategoriesBLL">
</asp:ObjectDataSource>
</pre>
</div>
<p> 在浏览器查看该页（如图5）。列出了所有的8个类，除了Seafood,其它7个类的BoundField列里显示各自的BrochurePath值。由于Seafood的BrochurePath为NULL值，看起来为空格。</p>
<p><img |
|
转播
