课程 2.2：使用文件上载组件

通过本课程学习如何使用户能够上载分类信息广告的图片。这项功能对于 new_record.jsp 页和 update_record.jsp 页特别重要。文件上载组件使用户能够浏览他们的文件系统、将文件上载到数据库，并让此文件即时出现在数据库中。

由于在创建和更新情况下使用文件上载组件的过程是类似的，所以此练习将允许更新页面对任何列表的当前图像进行更改。如果您愿意，在对更新页面完成操作时，可以对新的记录页面进行同样的更改。

将当前图片添加至页面

您将注意到，更新表单只不过是一个 HTML 表，它的静态文本和输入组件绑定至 update_record 关系记录中的列。知道了这一点，您就可以添加行和列来修改该表单，就像修改任何 HTML 表那样。在以下的步骤中，您将添加一个新行来显示当前图片。

在显示关系记录列表的数据表中添加行和列比较复杂。有关将列添加至数据表的信息，参阅课程 1.2：连接至数据库和在 Web 页面上显示数据。

在“企业资源管理器”视图中双击 update_record.jsp 页面。
将光标放在位于表的左上角的第一个单元格中。此单元格被标记为 Id。
单击主菜单中的表 > 指定并添加。将打开“添加行或列”对话框。单击行，然后单击在所选单元格上方。这将在表的顶部创建一个新行，该行将包含记录的当前图片。单击确定。
在此新行左边的单元格中，输入当前图片：作为标签。
将图像组件从“选用板”的“Faces 组件”抽屉拖动到该新行最右边的单元格中。与前一个示例不同，您将允许用户看到整个图像而不必限制图像大小，因此不要更改“属性”视图中的宽度和高度。
通过将 PHOTO 列从“页数据”视图拖动到新的图像组件上，将图像组件绑定至 update_record 的 PHOTO 列。现在已经将图像组件绑定至数据库的 PHOTO 列。
在仍然选择了图形的情况下，转至“属性”视图并单击“类型”字段旁边的“选择页数据对象”按钮。“选择页数据对象”窗口打开。
单击 update_record（服务数据对象） > update_record（ADS） > IMAGETYPE (String)。
单击确定。现在，如果有分类信息广告的当前图片，该页面就会将它显示出来。该页面应类似于下图：

接下来，在表的底部添加一个新行，用来包含文件上载组件。

单击最后一行，从而使光标位于该行中。
从菜单栏中单击表 > 在下面添加行。
在新行的第一个单元格内输入新图片：作为标签。
将文件上载组件从“选用板”的“增强型 Faces 组件”抽屉中拖动到新行的最后一个单元格中。
按照绑定图像组件的方式将“文件上载”组件绑定至 update_record 关系记录的 PHOTO 列。PHOTO 出现在文本字段中，显示此组件被绑定至 PHOTO 列，并且上载的文件将放在该列中。该页面应类似于下图：
如果希望的话，保存该页面并对它进行测试。

您已经完成了课程 2.2。在本课程中，您学习了如何处理更新页面上的表、将当前图片添加至表，以及将文件上载组件添加至表。