| 作者：俎涛 |
| 代码下载 |
| uploader3.html（标准FileUpload控件） |
| uploader2.html（控件优化-图片） |
| uploader1.html（控件优化-文本） |
| Handler.ashx |
| 用例模型 |
 |
| 程序类图 |
|
| 用例设计 | ||||||
|
||||||
| 对象交互图 |
|
| 3个程序变体 |
| 实际的应用中，文件本身信息用户不关注，希望把选择和上传2步操作简化为一步，期望界面如下： |
 |
| 设计思路：用新的上传覆盖已有的upload控件的按钮，可以用2种方案制作按钮 |
| 1. 图片 |
| 2. 效果如下 |
| 方案1：图片的HtmlPage的代码样式如下 |
|
| 用CSS制作的覆盖按钮代码如下: |
 |
| 图片的按钮 应用样式代码如下： |
 |
| 方案2：CSS 的文本按钮 |
 |
| CSS样式如下 |
 |
| CSS样式应用代码如下： |
 |
|