当浏览器收到HTML代码时，它向服务器发送获取图片的请求并将其显示在浏览器中，该模式对所有的二进制数据都适用。在第2步中，我们没有在页面的HTML标记里将小册子显示在浏览器，而是在HTML标记里提供一个超链接，当点击它是，导致浏览器直接请求PDF文件。
为了显示或允许用户下载储存在数据库中的二进制数据，我们需要另外创建一个页面，用于从数据库返回所需的数据。对我们的应用程序而言，由于直接存储在数据库中的二进制数据只有一项——类的图片，所以我们需要一个页面，当需要时从数据库返回某个特定类的图片。
在BinaryData文件夹添加一个DisplayCategoryPicture.aspx页面，注意不要使用母版页。该页面接受一个包含CategoryID值的查询字符串，返回Picture列的二进制数据。由于该页只返回二进制数据，所以我们不需要页面的HTML部分有任何代码。进入页面的“源码”模式，删除页面的所有代码，只保留<%@ Page %>部分。也即：DisplayCategoryPicture.aspx页面的声明代码应该只由如下的单独行构成：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DisplayCategoryPicture.aspx.cs" Inherits="BinaryData_DisplayCategoryPicture" %>
如果<%@ Page %>里包含有MasterPageFile属性，将其删除，同时在后台代码类的Page_Load事件处理器里添加如下代码：
protected void Page_Load(object sender, EventArgs e) { int categoryID = Convert.ToInt32(Request.QueryString["CategoryID"]); // Get information about the specified category CategoriesBLL categoryAPI = new CategoriesBLL(); Northwind.CategoriesDataTable categories = categoryAPI.GetCategoryWithBinaryDataByCategoryID(categoryID); Northwind.CategoriesRow category = categories[0]; // Output HTTP headers providing information about the binary data Response.ContentType = "image/bmp"; // Output the binary data // But first we need to strip out the OLE header const int OleHeaderLength = 78; int strippedImageLength = category.Picture.Length - OleHeaderLength; byte[] strippedImageData = new byte[strippedImageLength]; Array.Copy(category.Picture, OleHeaderLength, strippedImageData, 0, strippedImageLength); Response.BinaryWrite(strippedImageData); }
代码先读取查询字符串的CategoryID值，并对名为categoryID的变量赋值。然后，通过调用CategoriesBLL类的
GetCategoryWithBinaryDataByCategoryID(categoryID)方法获取图片数据，再通过Response.BinaryWrite(data)方法向客户端返回数据。不过在此之前先要剥离数据的OLE报头。怎么实现呢？创建一个名为strippedImageData的byte数组，它包含的字节刚好比Picture列的数据少78。而Array.Copy方法将从category.Picture的第78个字节开始复制数据（即刚好剥离OLE报头）。
代码中的Response.ContentType属性指定了要返回内容的MIME type，以便浏览器知道如何显示数据。由于Categories表的Picture列存储的是位图图片，故在这里，位图图片的MIME type是(image/bmp). 如果你忽视了MIME type，绝大多数浏览器也可以正确的显示图像，因为，它们能根据图像文件的二进制数据的内容而推断其类型。即便如此，还是尽可能的使用MIME type。
创建页面后，可以访问页面
DisplayCategoryPicture.aspx?CategoryID=categoryID来查看某个特定类的图片。图11显示的是Beverages类的图片，页面为
DisplayCategoryPicture.aspx?CategoryID=1.
图11：显示类Beverages的图片
有时候，当你访问DisplayCategoryPicture.aspx?CategoryID=categoryID页面时，有可能显示这样的提示：“Unable to cast object of type 'System.DBNull' to type 'System.Byte[]'”。原因有可能是如下2方面。第一，表Categories的Picture列允许为NULL值，而DisplayCategoryPicture.aspx page页面总是假定传入的为非NULL值。当Picture为NULL值时，不能直接访问CategoriesDataTable的Picture属性。如果你允许Picture为NULL值，添加如下代码：
if (category.IsPictureNull()) { // Display some "No Image Available" picture Response.Redirect("~/Images/NoPictureAvailable.gif"); } else { // Send back the binary contents of the Picture column // ... Set ContentType property and write out ... // ... data via Response.BinaryWrite ... }
上述代码假定在Images文件夹里存在名为NoPictureAvailable.gif的图片，当某个类没有图片时，就显示该图片。