CN103685413A - 文件上传方法和系统 - Google Patents

Abstract

本发明涉及一种文件上传方法和系统。所述文件上传方法，包括以下步骤：获取选中的文件，并将所述选中的文件记录到预先创建的文件列表中；对所述文件列表中的文件逐一上传。上述文件上传方法和系统，将选中的文件记录在文件列表中，对文件列表中文件逐一上传，可一次选中一个或多个文件记录在文件列表中，不需每次上传文件前都需选择一个文件，操作简单，且将选中的多个文件逐一上传，可对每个上传文件单独进行处理，不会因某一个上传文件出错而导致所选中的多个文件均无法上传，避免文件全部重新上传，提高了上传效率。

Description

文件上传方法和系统

技术领域

本发明涉及计算机网络技术，特别是涉及一种文件上传方法和系统。

背景技术

随着互联网技术的发展，网络用户越来越多，用户的需求越来越多，不仅限于浏览网络上的信息，还需要将自身的信息上传到网络分享给其他用户。

传统的文件上传技术一般通过三种方式上传：第一种是通过flash选择多个文件进行上传，该种方式在选择文件数量较多时会占用较多系统资源；第二种是通过html（Hyper Text Markup Language，超文本标记语言）中的文件选择控件选择多个文件进行上传，该种方式传输多个文件时无法逐个处理，中途出错会导致所有文件上传失败；第三种是每次选择一个文件，进行单个文件上传，上传多个文件需进行多次选择，操作繁琐。

发明内容

基于此，有必要提供一种操作方便且能提高效率的文件上传方法。

此外，还有必要提供一种操作方便且能提高效率的文件上传系统。

一种文件上传方法，包括以下步骤：

获取选中的文件，并将所述选中的文件记录到预先创建的文件列表中；

对所述文件列表中的文件逐一上传。

在其中一个实施例中，所述获取选中的文件的步骤包括：

检测到对选中的文件的拖拽操作；

根据所述拖拽操作获取选中的文件。

在其中一个实施例中，所述将所述选中的文件记录到预先创建的文件列表中的步骤包括：

将所述选中的文件的属性信息记录到预先创建的文件列表中；

在对所述文件列表中文件逐一上传的步骤之前，还包括步骤：

根据所述属性信息对所述文件列表中的文件进行排序。

在其中一个实施例中，所述对所述文件列表中的文件逐一上传的步骤包括：

从所述文件列表中取出一个文件，并将所述取出的文件传递给预先创建的请求提交函数，通过请求提交函数上传所述文件；

当一个文件传输完，判断文件列表中是否存在未上传的文件，若是，则再从所述文件列表中取出一个文件进行上传。

在其中一个实施例中，从所述文件列表中取出一个文件，并将所述取出的文件传递给预先创建的请求提交函数，通过请求提交函数上传所述文件的步骤包括：

从所述文件列表中取出一个文件，将所述取出的文件加入到预先创建的数据格式函数中，构建包含所述文件的表单；

将所述表单传递给所述预先创建的请求提交函数，通过请求提交函数上传所述文件。

在其中一个实施例中，将所述表单传递给所述预先创建的请求提交函数，通过请求提交函数上传所述文件的步骤之后，还包括步骤：

获取当前单个文件的上传进度，并展示所述上传进度。

一种文件上传系统，包括：

获取模块，用于获取选中的文件，并将所述选中的文件记录到预先创建的文件列表中；

上传模块，用于对所述文件列表中的文件逐一上传。

在其中一个实施例中，所述获取模块包括：

检测单元，用于检测到对选中的文件的拖拽操作；

获取单元，用于根据所述拖拽操作获取选中的文件。

在其中一个实施例中，所述获取模块还用于将所述选中的文件中每个文件的属性信息记录到预先创建的文件列表中；

所述文件上传系统还包括：

排序模块，用于根据属性信息对所述文件列表中的文件进行排序。

在其中一个实施例中，所述上传模块包括：

取出单元，用于从所述文件列表中取出一个文件；

传递单元，用于将所述取出的文件传递给预先创建的请求提交函数；

上传单元，用于通过请求提交函数上传所述文件；

判断单元，用于当一个文件传输完，判断文件列表中是否存在未上传的文件，若是，则所述取出单元再从所述文件列表中取出一个文件，由所述上传单元进行上传。

在其中一个实施例中，所述上传模块还包括：

构建单元，用于将所述取出的文件加入到预先创建的数据格式函数中，构建包含所述文件的表单；

所述传递单元还用于将所述表单传递给所述预先创建的请求提交函数，通过请求提交函数上传所述文件。

在其中一个实施例中，所述文件上传系统还包括：

进度展示模块，用于获取单个文件的上传进度，并展示所述上传进度。

上述文件上传方法和系统，将选中的文件记录在文件列表中，对文件列表中文件逐一上传，可一次选中一个或多个文件记录在文件列表中，不需每次上传文件前都需选择一个文件，操作简单，且将选中的多个文件逐一上传，并可对每个上传文件单独进行处理，不会因某一个文件上传出错而导致所选中的多个文件均无法上传，避免了全部重新上传，提高了上传效率。

附图说明

图1为一个实施例中文件上传方法的流程示意图；

图2为一个实施例中对文件列表中的文件逐一上传的步骤的具体流程图；

图3为从文件列表中取出一个文件，并将该取出的文件传递给预先创建的请求提交函数，通过请求提交函数上传所述文件的具体流程图；

图4为一个实施例中文件上传系统的内部结构示意图；

图5为另一个实施例中文件上传系统的内部结构示意图；

图6为一个实施例中获取模块的内部结构示意图；

图7为一个实施例中上传模块的内部结构示意图。

具体实施方式

下面结合具体的实施例及附图对文件上传方法和系统的技术方案进行详细的描述，以使其更加清楚。

如图1所示，在一个实施例中，一种文件上传方法，包括以下步骤：

步骤S110，获取选中的文件，并将选中的文件记录到预先创建的文件列表中。

具体的，在上传网页界面，如支持html5的浏览器界面（如chrome，fire fox等）上，检测到对选中的文件的拖拽操作，根据该拖拽操作获取选中的文件。拖拽操作可为通过鼠标或触摸屏等拖拽选中的文件到网页界面。

此外，获取选中的文件，可通过网页界面上的文件选择器选择一个或多个文件。文件存储于本地电脑的文件夹中。

进一步的，可将选中的文件的属性信息记录到预先创建的文件列表中。文件的属性信息包括文件名、文件类型、文件大小中的至少一种，但不限于此。

在步骤S110之后还包括步骤：根据属性信息对文件列表中的文件进行排序。

具体的，可根据文件名或文件类型或文件大小对文件进行排序。根据文件名排序可按照文件名的拼音、字母、笔画等排序；文件大小排序可按照文件从小到大或从大到小排序；文件类型排序可按照预先设定的次序，如doc、jpg等顺序。

步骤S120，对文件列表中的文件逐一上传。

具体的，在网页界面上设有提交上传控件，通过触发该控件，对文件列表中的文件逐一上传。

此外，可将文件列表中排序后的文件按顺序逐一上传。

上述文件上传方法，将选中的文件记录在文件列表中，对文件列表中文件按顺序依次上传，可一次选中一个或多个文件记录在文件列表中，不需每次上传文件前都需选择一个文件，操作简单，且将选中的多个文件逐一上传，并可对每个上传文件单独进行处理，不会因某一个文件上传出错而导致所选中的多个文件均无法上传，避免了文件全部重新上传，提高了上传效率。

进一步的，在一个实施例中，在步骤S 120之后，还包括步骤：获取当前单个文件的上传进度，并展示该上传进度。展示进度可方便获知上传状态信息。

进一步的，在一个实施例中，如图2所示，上述文件上传方法中对文件列表中的文件逐一上传的步骤包括：

步骤S210，从文件列表中取出一个文件，并将该取出的文件传递给预先创建的请求提交函数，通过请求提交函数上传所述文件。

具体的，预先创建请求提交函数，如XMLHttpRequest对象。XMLHttpRequest可以提供不重新加载页面的情况下更新网页，在页面加载后，客户端向服务器请求数据，服务器端接受数据，并向客户端发送数据。XMLHttpRequest对象提供了对Http（hypertext transport protocol，超文本传输协议）协议的完全的访问。XMLHttpRequest可以同步或异步返回Web服务器的响应，并且能以文本或者一个Dom文档形式返回内容，它可以接收任何形式的文本文档。

将取出的文件直接传递给请求提交函数进行异步上传。

此外，还可将文件的具体内容读出来，然后传递给请求提交函数进行上传。

进一步的，在一个实施例中，如图3所示，步骤S210包括：

步骤S212，从文件列表中取出一个文件，将取出的文件加入到预先创建的数据格式函数中，构建包含该文件的表单。

具体的，预先创建数据格式函数，如FormData对象。构建的表单为Http post协议的标准格式。该表单中除了包括文件的属性信息，还包括业务标识等参数。通过业务标识方便控制上传进度。

步骤S214，将表单传递给预先创建的请求提交函数，通过请求提交函数上传该文件。

具体的，请求提交函数根据表单中的文件的属性信息提取到相应的文件，将该文件上传到服务器。

进一步的，在一个实施例中，在步骤S214之后，还包括步骤：获取当前单个文件的上传进度，并展示该上传进度。具体的，监听XMLHttpRequest对象的onprogress事件，获取当前单个文件的上传进度，并展示在网页界面上。展示进度可方便获知上传状态信息。

步骤S220，当一个文件传输完，判断文件列表中是否存在未上传的文件，若是，则返回步骤S210，否则结束。

具体的，可检测文件列表中是否还存在未上传的文件，若是，则需取出文件，传递给请求提交函数进行异步上传。

如图4所示，在一个实施例中，一种文件上传系统，包括获取模块110和上传模块120。

获取模块110用于获取选中的文件，并将选中的文件记录到预先创建的文件列表中。

具体的，在上传网页界面，如支持html5的浏览器界面（如chrome，fire fox等）上，检测到对选中的文件的拖拽操作，根据该拖拽操作获取选中的文件。拖拽操作可为通过鼠标或触摸屏等拖拽选中的文件到网页界面。

此外，获取选中的文件，可通过网页界面上的文件选择器选择一个或多个文件。文件存储于本地电脑的文件夹中。

上传模块120用于对文件列表中的文件逐一上传。

具体的，在网页界面上设有提交上传控件，通过触发该控件，上传模块120对文件列表中的文件逐一上传。

上述文件上传系统，将选中的文件记录在文件列表中，对文件列表中文件逐一上传，可一次选中一个或多个文件记录在文件列表中，不需每次上传文件前都需选择一个文件，操作简单，且将选中的多个文件逐一上传，并可对每个上传文件单独进行处理，不会因某一个文件上传出错而导致所选中的多个文件均无法上传，避免了文件全部重新上传，提高了上传效率。

如图5所示，在一个实施例中，文件上传系统，除了包括获取模块110和上传模块120，还包括排序模块130和进度展示模块140。

获取模块110还用于将选中的文件中每个文件的属性信息记录到预先创建的文件列表中。具体的，文件的属性信息包括文件名、文件类型、文件大小中的至少一种，但不限于此。

排序模块130用于根据属性信息对文件列表中的文件进行排序。

具体的，可根据文件名或文件类型或文件大小对文件进行排序。根据文件名排序可按照文件名的拼音、字母、笔画等排序；文件大小排序可按照文件从小到大或从大到小排序；文件类型排序可按照预先设定的次序，如doc、jpg等顺序。

上传模块120可将文件列表中排序后的文件按顺序逐一上传。

进度展示模块150用于获取单个文件的上传进度，并展示该上传进度。展示进度可方便获知上传状态信息。

如图6所示，在一个实施例中，获取模块110包括检测单元112和获取单元114。其中：

检测单元112用于检测到对选中的文件的拖拽操作。

具体的，拖拽操作可为通过鼠标或触摸屏等拖拽选中的文件到网页界面。

获取单元114用于根据拖拽操作获取选中的文件。

进一步的，在一个实施例中，如图7所示，上传模块120包括取出单元121、构建单元122、传递单元123、上传单元124和判断单元125。其中：

取出单元121用于从文件列表中取出一个文件。

具体的，按照顺序依次从文件列表中取出一个文件。

构建单元122用于将取出的文件加入到预先创建的数据格式函数中，构建包含文件的表单。

具体的，预先创建数据格式函数，如FormData对象。构建的表单为Http post协议的标准格式。该表单中除了包括文件的属性信息，还包括业务标识等参数。通过业务标识方便控制上传进度。

传递单元123用于将所述表单传递给所述预先创建的请求提交函数，通过请求提交函数上传该文件。

具体的，预先创建请求提交函数，如XMLHttpRequest对象。

上传单元124用于通过请求提交函数上传该文件。

判断单元125用于当一个文件传输完，判断文件列表中是否存在未上传的文件，若是，则取出单元121再从文件列表中取出一个文件，由构建单元122、传递单元123、上传单元124处理进行上传。

进度展示模块140还用于在上传单元124通过请求提交函数上传该文件后，获取当前单个文件上传的进度，并展示该上传进度。具体的，监听XMLHttpRequest对象的onprogress事件，获取当前单个文件的上传进度，并展示在网页界面上。

在其他实施例中，上传模块120可仅包括取出单元121、传递单元123、上传单元124和判断单元125。取出单元121从文件列表中取出一个文件后，由传递单元123将该取出的文件传递给预先创建的请求提交函数，通过请求提交函数异步上传该文件。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体（Read-Only Memory，ROM）或随机存储记忆体（Random Access Memory，RAM）等。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (12)

1.一种文件上传方法，包括以下步骤：

获取选中的文件，并将所述选中的文件记录到预先创建的文件列表中；

对所述文件列表中的文件逐一上传。

2.根据权利要求1所述的文件上传方法，其特征在于，所述获取选中的文件的步骤包括：

检测到对选中的文件的拖拽操作；

根据所述拖拽操作获取选中的文件。

3.根据权利要求1所述的文件上传方法，其特征在于，所述将所述选中的文件记录到预先创建的文件列表中的步骤包括：

将所述选中的文件的属性信息记录到预先创建的文件列表中；

在对所述文件列表中文件逐一上传的步骤之前，还包括步骤：

根据所述属性信息对所述文件列表中的文件进行排序。

4.根据权利要求1至3中任一项所述的文件上传方法，其特征在于，所述对所述文件列表中的文件逐一上传的步骤包括：

从所述文件列表中取出一个文件，并将所述取出的文件传递给预先创建的请求提交函数，通过请求提交函数上传所述文件；

当一个文件传输完，判断文件列表中是否存在未上传的文件，若是，则再从所述文件列表中取出一个文件进行上传。

5.根据权利要求4所述的文件上传方法，其特征在于，从所述文件列表中取出一个文件，并将所述取出的文件传递给预先创建的请求提交函数，通过请求提交函数上传所述文件的步骤包括：

从所述文件列表中取出一个文件，将所述取出的文件加入到预先创建的数据格式函数中，构建包含所述文件的表单；

将所述表单传递给所述预先创建的请求提交函数，通过请求提交函数上传所述文件。

6.根据权利要求1所述的文件上传方法，其特征在于，将所述表单传递给所述预先创建的请求提交函数，通过请求提交函数上传所述文件的步骤之后，还包括步骤：

获取当前单个文件的上传进度，并展示所述上传进度。

7.一种文件上传系统，其特征在于，包括：

获取模块，用于获取选中的文件，并将所述选中的文件记录到预先创建的文件列表中；

上传模块，用于对所述文件列表中的文件逐一上传。

8.根据权利要求6所述的文件上传系统，其特征在于，所述获取模块包括：

检测单元，用于检测到对选中的文件的拖拽操作；

获取单元，用于根据所述拖拽操作获取选中的文件。

9.根据权利要求6所述的文件上传系统，其特征在于，所述获取模块还用于将所述选中的文件中每个文件的属性信息记录到预先创建的文件列表中；

所述文件上传系统还包括：

排序模块，用于根据属性信息对所述文件列表中的文件进行排序。

10.根据权利要求7至9中任一项所述的文件上传系统，其特征在于，所述上传模块包括：

取出单元，用于从所述文件列表中取出一个文件；

传递单元，用于将所述取出的文件传递给预先创建的请求提交函数；

上传单元，用于通过请求提交函数上传所述文件；

判断单元，用于当一个文件传输完，判断文件列表中是否存在未上传的文件，若是，则所述取出单元再从所述文件列表中取出一个文件，由所述上传单元进行上传。

11.根据权利要求10所述的文件上传系统，其特征在于，所述上传模块还包括：

构建单元，用于将所述取出的文件加入到预先创建的数据格式函数中，构建包含所述文件的表单；

所述传递单元还用于将所述表单传递给所述预先创建的请求提交函数，通过请求提交函数上传所述文件。

12.根据权利要求7所述的文件上传系统，其特征在于，所述文件上传系统还包括：

进度展示模块，用于获取单个文件的上传进度，并展示所述上传进度。

Images