文件上传元素（FileUpload）由一个输入框和一个固定的“Browse”按钮组成，单击“Browse”按钮，允许用户从本地硬盘中选择文件进行上传。

需要特别注意的是，文件上传元素的属性中并没有事件的定义，所以单击“浏览”按钮也不会触发服务器端的事件处理器，只是将客户端的文件存放到了程序的上下文中。所以文件上传元素本身只能完成一般上传需求一半的功能，并未实现存放至文件服务器中的功能。一般情况下，文件上传元素都需要额外定义一个按钮，以实现文件从Web Dynpro工程的上下文存放到指定服务器的功能。

它包含了下列属性。

●activateAccessKey：设置是否允许快捷键（使用“Alt”键与首字母触发默认事件）。

●contextMenuBehaviour：设置上下文菜单行为，默认有“继承”“允许”和“禁止”3种类型。

●contextMenuId：设置上下文菜单的唯一标识。

●enabled：控制元素是否可用。

●explanation：设置元素的解释文本，设置后元素文本下方会出现一条绿色的下画线。当鼠标悬停在文本上时，会弹出解释文本的说明。

●resource：用于控制用户上传文件所存放的上下文特性，该特性类型必须是“Resource”资源类型，必须绑定上下文。

●state：控制元素的显示状态，默认有“normal”和“required”两种状态。在选择“required”后，元素会出现一个红色星号进行提醒，但逻辑控制仍需要编写相关代码。

●text：控制文件上传的显示文本。

●tooltip：控制提示消息的显示文本。

●visible：控制元素是否可见。

●width：控制元素的显示宽度。

开发实例：

1）打开任一视图（如果需要创建新的工程或视图，请参考之前章节步骤），右击“Out⁃line”元素清单中的“RootElement”根结点，选择插入子对象，选择“FileUpload”文件上传类型，输入ID名称，单击“OK”按钮，如图4-226所示。

图4-226 选择元素类型

2）进入上下文页签，创建一个新的上下文特性。右击“Context”根结点，选择“New”→“Attribute”，如图4-227所示。

图4-227 创建结点的菜单选择

3）在弹出的对话框中输入特性的名称“resource”，随后单击“Browse”按钮，选择特性类型，如图4-228所示。

图4-228 输入特性名称(www.daowen.com)

4）在弹出的对话框的类型列表中找到“com.sap.ide.webdynpro.uielementdefinitions”包，如图4-229所示。

图4-229 选择类型

5）在该包的类型列表中选中“resource”资源类型，单击“OK”按钮完成特性的类型选择，单击“Finish”按钮完成特性的创建，如图4-230所示。

图4-230 创建特性

6）选中视图中的文件上传元素，将创建的特性与元素属性进行绑定，如图4-231所示。

7）添加“解析”按钮，并创建默认动作解析文件，如图4-232所示。注：在实际项目实施过程中，“解析”按钮更多的是完成将文件解析并存放至如FTP服务器的文件目录中。

图4-231 修改属性

图4-232 运行效果

8）保存所有修改后，进入Java编辑器，在按钮动作中编写文件处理逻辑，添加下列代码：

9）保存所有修改，并重新编译、运行之后，即可进行相关测试，如图4-233所示。

10）单击“浏览”按钮，选择文件，随后单击“解析”按钮，如图4-234所示。

11）单击“解析”按钮后可以看到打印的消息，如图4-235所示。

图4-233 运行效果

图4-234 选择浏览文件

图4-235 单击“解析”按钮后的效果