CN101588382A - 一种在Web页面中附件提交的方法 - Google Patents

Abstract

本发明提供一种在Web页面中附件提交的方法，包括如下步骤：用户填写表单的正文或者附件或者正文和附件；用户提交上传的表单；查看是否有附件，若没有，执行下一步，若有，则把附件保存到服务器上一个临时目录里，然后返回附件的控制信息；提交正文和附件的控制信息，根据附件的控制信息中的附件存放的临时目录下的附件名字得到附件。本发明提交表单是把正文和附件分开提交的，实现了附件提交功能的可插拔性，方便程序开发。同时这种方式提交附件是局部刷新的，提高用户可体验性。

Description

一种在Web页面中附件提交的方法

技术领域：

本发明涉及计算机设计与应用技术领域，特别是涉及一种在Web页面中附件提交的方法。

背景技术

在目前的Web2.0热潮中，Ajax(Asynchronous JavaScript+XML)是使用最多的技术，它的工作原理相当于在用户和服务器之间加了-个中间层，使用户操作与服务器响应异步化。这样把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理，减轻服务器和带宽的负担，从而达到节约ISP的空间及带宽租用成本的目的。

其最大的优点就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改变过的信息。

它的特点是局部刷新、减少网络流量。企业管理系统通过使用Ajax，可以强化网站的功能，提高用户体验。

目前在企业管理系统中，用户提交的表单含有正文和附件是很常见的，如写工作日志的时候，带上几个附件。由于目前ajax技术不支持附件的提交，因此对含有正文和附件的表单有两种处理方法：

其一，把整个表单以一个FORM形式直接提交到后台程序进行处理。坏处是这种提交页面是全刷新的，用户体验不好。

其二，把整个表单以一个FORM形式通过一个iframe直接提交到后台程序进行处理。这种表单提交也是局部刷新的，坏处是后台处理要把正文和附件一起来处理，增加开发复杂度。

发明内容：

本发明为解决上述问题不足之处，提供一种在Web页面中附件提交的方法，包括如下步骤：

第一步，用户填写表单的正文或者附件或者正文和附件；

第二步，用户提交上传的表单；

第三步，查看是否有附件，若没有，执行下一步，若有，则把附件保存到服务器上一个临时目录里，然后返回附件的控制信息；

第四步，提交正文和附件的控制信息，根据附件的控制信息中的附件存放的临时目录下的附件名字得到附件。

第三步所述，用户选择的附件通过一个FORM提交到一个iframe里面，后台程序先把附件保存到服务器上一个临时目录里，然后通过iframe向页面返回每个附件的控制信息。

第三步所述，当上传失败，则通过iframe直接给用户提示失败原因，操作结束。

所述控制信息包括附件存放在服务器上临时目录下的附件名字、附件的的大小、附件的原始名字、附件的创建时间。

第四步所述，通过ajax技术把表单的正文和附件的控制信息提交到后台程序处理，再根据附件的控制信息中的附件存放的临时目录下的附件名字得到附件。

本发明的优点：

既要实现页面局部刷新效果，同时又让表单的正文和附件分开处理，实现附件上传的可插拔性，这样就能降低开发复杂度，又提高代码可读性，可维护性。

这种方式提交表单是把正文和附件分开提交的，实现了附件提交功能的可插拔性，方便程序开发。同时这种方式提交附件是局部刷新的，提高用户体验性。

附图说明：

图1是本发明在Web页面中附件提交的流程图。

具体实施方式：

本发明的中心思想是，对于含有正文和附件的表单的提交分两步走：

第一步对要提交的附件，通过一个FORM提交到一个iframe里面，后台程序先把附件保存到服务器上的一个临时目录里，然后通过iframe向页面返回附件的控制信息(javascript对象格式)。

第二步对要提交的正文和附件的控制信息通过Ajax方式向后台提交，后台程序根据附件的控制信息对附件做相应的操作(拷贝附件到特定目录或者把附件存储到数据库里面或者别的)，从而实现整个表单的提交。

下面将结合附图做详细说明，

如图1所示，一种在Web页面中附件提交的方法的具体步骤：

101.用户填写表单

用户填写表单的正文和选择了多个附件。附件可用可无。

102.上传附件，

用户点击提交后，发送处理调用内容检查功能，内容检查功能确定是否有附件与正文一起发送，如果发现用户是没有选择附件的，则直接到下一步。如果有附件，则把用户选择的若干个附件通过一个FORM提交到一个iframe里面，后台程序先把附件保存到服务器上一个临时目录里，然后通过iframe向页面返回每个附件的附件的控制信息：

该控制信息包括：

tempName：附件存放在服务器上临时目录下的附件名字

size：附件的的大小

name：附件的原始名字

如果上传失败，则通过iframe直接给用户提示失败原因，操作结束。

103.提交正文和附件的控制信息

通过ajax技术把表单的正文和附件的控制信息提交到后台程序处理，

如果附件的控制信息为空，说明用户没有选择附件。

否则后台程序根据附件的控制信息中的tempName(附件存放的临时目录下的附件名字)得到附件，然后就可以对这个附件进行拷贝或者保存到数据库或者别的相关操作。

后台程序把表单的正文和相关的附件控制信息保持数据库里。然后返回页面，告诉用户操作成功。

这样，就实现通过ajax实现提交带有正文和附件的表单了，同时又保证页面是局部刷新的，增加用户可用性。

Claims (5)

1.一种在Web页面中附件提交的方法，其特征在于：包括如下步骤：

第一步，用户填写表单的正文或者附件或者正文和附件；

第二步，用户提交上传的表单；

第三步，查看是否有附件，若没有，执行下一步，若有，则把附件保存到服务器上一个临时目录里，然后返回附件的控制信息；

第四步，提交正文和附件的控制信息，根据附件的控制信息中的附件存放的临时目录下的附件名字得到附件。

2.根据权利要求1所述的方法，其特征在于：

第三步所述，用户选择的附件通过一个FORM提交到一个iframe里面，后台程序先把附件保存到服务器上一个临时目录里，然后通过iframe向页面返回每个附件的控制信息。

3.根据权利要求1所述的方法，其特征在于：

第三步所述，当上传失败，则通过iframe直接给用户提示失败原因，操作结束。

4.根据权利要求1或2所述的方法，其特征在于：

所述控制信息包括附件存放在服务器上临时目录下的附件名字、附件的的大小、附件的原始名字、附件的创建时间。

5.根据权利要求1所述的方法，其特征在于：

第四步所述，通过ajax技术把表单的正文和附件的控制信息提交到后台程序处理，再根据附件的控制信息中的附件存放的临时目录下的附件名字得到附件。

Images