4.5 上传图片

4.5.1 功能概述

当在图片资源管理模块主页中，指定在某个目录下上传图片时，单击“上传图片”按钮进入上传图片页，如图4.8所示，这里除了可以进行单张图片上传，还支持多文件上传，多文件上传主要通过动态增加多个FileUpload服务器控件实现。另外，如果是多文件进行上传，其图片名称尾部自动增加一个流水号。

4.5.2 页面设计

（1）在该网站中新建一个Web窗体，将其命名为Upload.aspx，用于上传图片。

（2）在Web窗体中添加Tabel表格，用于页面的布局。

（3）在上传图片页中添加主要控件、属性设置及用途，如表4.4所示。

4.5.3 单个或批量上传图片

声明全局数据库操作类对象imgData，便于程序开发时调用类中的相关方法。在Page_Load事件中主要获取通过地址栏中传入的ID值，保存到ViewState中。传入的ID值是上传图片父目录的ID值。实现代码如下：

自定义AddFileUpload方法，用于在指定的Table表格中动态添加FileUpload控件。在下面的代码中需要调用自定义GetFileUpload方法来判断是否已经添加过FileUpload控件，如果已添加FileUpload控件，则在原来的基础上继续增加。最后调用自定义SetFileUpload方法保存添加的FileUpload控件。实现代码如下：

自定义GetFileUpload方法用于获取动态生成添加FileUpload信息。实现代码如下：

自定义SetFileUpload方法，用于将添加的FileUpload控件信息保存到缓存中。实现代码如下：

单击“增加上传图片”按钮，则在页面中添加多个FileUpload控件。实现代码如下：

单击“上传图片”按钮，将上传的图片上传到服务器中，如果为多张图片上传，其名称是末尾加流水号（如图片0、图片1等）。实现代码如下： asmIneOmge/HJf2GB4nLBdkQe21M5nc9ZTIrT5eTCWsPdQum69GC/EGzR1WhVMzf