CN106603603A - 用于支持html5浏览器的多文件异步上传方法及系统 - Google Patents

Abstract

本发明涉及一种用于支持HTML5浏览器的多文件异步上传方法，包括：选择需要上传的多个文件；浏览器利用MD5算法对上述多个文件进行序列化，以为每个文件分配第一唯一识别码；浏览器将每个文件的第一唯一识别码上传至服务器；服务器查询每个文件的第一唯一识别码是否存在于文件唯一识别码表中，以判断该文件是否已经保存在该服务器中；若不存在，服务器允许浏览器上传该第一唯一识别码所对应的文件；服务器存储该文件，并将该文件的第一唯一识别码记录到文件唯一识别码表中。本发明可以在不影响用户使用浏览器的情况下，高效的完成多文件上传操作。

Description

用于支持HTML5浏览器的多文件异步上传方法及系统

技术领域

本发明涉及数据传输技术领域，尤其涉及一种用于支持HTML5浏览器的多文件异步上传方法及系统。

背景技术

随着Web 2.0应用技术的不断发展，JavaScript正在扮演越来越重要的角色。JavaScript作为一种安全性语言，不被允许访问本地的硬盘，且不能将数据存入服务器，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失或对系统的非法访问。

因此，为达到用户可以通过浏览器访问本地文件的目的，现有技术中提供了能够在浏览器中能够实现诸如拖拽并上传本地文件功能的部分技术。例如：通过ActiveX控件可以实现IE浏览器或者Firefox浏览器等浏览器来获取对本地文件。实际应用中，实现不同浏览器的技术不尽相同，导致所开发的程序往往不能支持多浏览器，并且维护这类程序的工作也十分复杂。

目前，使用浏览器上传文件主要包括基于Form表单与Flash两种方法。其中，基于Form表单的上传文件：在Form表单中添加一个file控件，选好文件并提交表单给浏览器；然后由浏览器读取和传输文件。但是无法用JavaScript控制传输过程以及传输结果，并且只适用于简单的上传应用场景。

基于Flash的上传文件：文件操作全部交于Flash，并且可以在开发Flash时为JavaScript调用相关程度预留接口，从而可以控制传输过程以及传输结果。利用Flash还可以实现文件的同步上传与异步上传。同步上传时，在浏览器锁定网页，只有文件上传完成后才允许用户继续使用浏览器。异步上传时，上传文件由其他线程执行，此时用户可以继续使用浏览器。

综上所述，现有技术中浏览器上传文件方法需要相关的控件配合实现，适用于硬件资源比较丰富的计算机，而对于硬件资源有限的移动终端来说，则具有一定的局限性。

发明内容

本发明的其中一个目的在于提供一种用于支持HTML5浏览器的多文件异步上传方法及系统，以解决现有技术中同步上传文件时需要锁定浏览器以及异步传输文件需要由其他线程执行的技术问题。

第一方面，本发明实施例提供了一种用于支持HTML5浏览器的多文件异步上传方法，包括：

选择需要上传的多个文件；浏览器利用MD5算法对上述多个文件进行序列化，以为每个文件分配第一唯一识别码；

所述浏览器将每个文件的第一唯一识别码上传至服务器；

所述服务器查询每个文件的第一唯一识别码是否存在于文件唯一识别码表中，以判断该文件是否已经保存在该服务器中；

若不存在，所述服务器允许所述浏览器上传该第一唯一识别码所对应的文件；所述服务器存储该文件，并将该文件的第一唯一识别码记录到所述文件唯一识别码表中。

可选地，当文件的大小超过预设值时，所述利用MD5算法对上述多个文件进行序列化，以为每个文件分配第一唯一识别码的步骤之后还包括：

分割该文件，以形成多个文件分片；

利用MD5算法对所述多个文件分片进行序列化，以为每个文件分片分配第二唯一识别码。

可选地，所述服务器接收到同一个文件的不同文件分片时，所述服务器存储该文件的步骤包括：

分析每个文件分片边界字符特征，根据所述边界字符特征获取该文件分片中数据实体的起始位置；

根据边界字符特征映射关系获取数据实体所在文件，并根据数据实体的头信息获取数据在完整文件中的位置；所述边界字符特征映射关系是指，数据实体的起始位置与数据实体所在文件的对应关系；

根据数据的位置将该文件分片中的数据写入到相对应的文件中。

可选地，所述根据数据的位置将该文件分片中的数据写入到相对应的文件中的步骤之后还包括：

判断同一个文件的多个文件分片的第二唯一识别码是否全部存在于服务器中的文件唯一识别码表中；

若是，则对该文件进行MD5算法序列化以获取该文件的第一唯一识别码。

可选地，还包括：

监听多个文件已经上传至所述服务器的数据的大小，以获取上传过程中每个文件的上传进度。

可选地，所述浏览器所在计算机通过交互式网页应用技术AJAX与所述服务器进行信息交互。

第二方面，本发明实施例还提供了一种用于支持HTML5浏览器的多文件异步上传系统，包括：设有浏览器的计算机和服务器，所述计算机与所述服务器通过交互式网页应用技术AJAX进行信息交互，其中：

所述浏览器，用于选择多个文件、利用MD5算法对多个文件进行序列化获取第一唯一识别码以及上传所选择的多个；

所述服务器，用于判断每个文件的第一唯一识别码是否存在于文件唯一识别码表中以及存储文件与记录第一唯一识别码至文件唯一识别码表。

可选地，所述计算机包括序列化模块，所述序列化模块用于在文件的大小超过预设值时，执行以下步骤：

分割该文件，以形成多个文件分片；

利用MD5算法对所述多个文件分片进行序列化，以为每个文件分片分配第二唯一识别码。

可选地，所述服务器包括：缓冲模块、位置获取模块、分析模块和文件模块；

所述缓冲模块，用于接收来自所述浏览器所发送的携带有第一唯一标识码的多个文件或者携带有第二唯一标识码的多个文件分片；

所述位置获取模块，用于分析多个文件或者多个文件分片中的数据实体的起始位置；

所述分析模块，用于根据边界字符特征映射关系获取数据实体所在文件，并根据数据实体的头信息获取数据在完整文件中的位置；所述边界字符特征映射关系是指，数据实体的起始位置与数据实体所在文件的对应关系；

所述文件模块，用于根据数据在该文件中的位置将该数据写入该文件中。

本发明公开了一种用于支持HTML5浏览器的多文件异步上传方法，在支持HTML5的浏览器上首先根据MD5算法对需要上传的多个文件进行序列化，获取每个文件的第一唯一识别码；服务器只有校验唯一识别码表中不存在该第一唯一识别码时，才允许浏览器上传操作；此时服务器端将所接收的文件放置在缓冲器中，获取数据实体的起始位置，并分析数据的位置，然后写入到相应的文件中。本发明可以在不影响用户使用浏览器的情况下，高效完成多文件上传操作。

附图说明

通过参考附图会更加清楚的理解本发明的特征和优点，附图是示意性的而不应理解为对本发明进行任何限制，在附图中：

图1是本发明实施例提供的一种用于支持HTML5浏览器的多文件异步上传方法流程示意图；

图2是本发明实施例提供的存储文件分片的流程示意图；

图3是本发明实施例提供的大文件分片上传过程示意图。

具体实施方式

下面结合附图和实施例，对本发明的具体实施方式作进一步详细描述。以下实施例用于说明本发明，但不用来限制本发明的范围。

本发明实施例提供了一种用于支持HTML5浏览器的多文件异步上传方法，如图1所示，包括：

S100.选择需要上传的多个文件；浏览器利用MD5算法对上述多个文件进行序列化，以为每个文件分配第一唯一识别码；

S200.浏览器将每个文件的第一唯一识别码上传至服务器；

S300.服务器查询每个文件的第一唯一识别码是否存在于文件唯一识别码表中，以判断该文件是否已经保存在该服务器中；

S400.若不存在，服务器允许浏览器上传该第一唯一识别码所对应的文件；服务器存储该文件，并将该文件的第一唯一识别码记录到文件唯一识别码表中。

可理解的是，上文中浏览器需要支持超文本标记语言HTML5。例如火狐浏览器、谷歌浏览器、OPERA浏览器、苹果浏览器等。本领域技术人员可以根据需要进行选择。

可理解的是，本发明实施例中MD5算法是指信息-摘要算法(Message-Digest Algorithm 5，MD5)，本领域技术人员根据上文中MD5算法的功能选择合适的算法参数，在此不再赘述。

下面对本发明提供的多文件异步上传方法展开详细的说明。

首先介绍S100.选择需要上传的多个文件；浏览器利用MD5算法对上述多个文件进行序列化，以为每个文件分配第一唯一识别码的步骤。

本发明实施例中，用户可以通过支持HTML5的浏览器选择多个文件进行上传。例如，在浏览器的input标签中添加multiple属性即可提供选择多个文件的功能。

在上传所选择的多个文件之前，根据文件内容利用MD5算法对该多个文件进行序列化，从而可以为每个文件分配第一唯一标识码，用于后续的文件传输过程中的验证。

当多个文件中的任意一个超过预设值时，本发明实施例中，还需要对该文件进行分割，从而一个文件形成多个文件分片。通过将大文件进行分片，可以对大文件进行断点续传，提高文件传输效率。

其中，预设值是指，判断需要上传文件是否进行分割的文件大小的门限值。在网络较好的情况下，该门限值可以比较大，实现快速传输；当网络不稳定时，该门限值比较小时，即使出现数据丢失也只是丢失了文件分片，不用对整个文件进行重新传输。

将多个文件分片上传时，需要按照顺序进行上传，或者同步上传，在网络不稳定时会丢失文件分片或者网络断开时需要重新上传。本发明实施例中利用MD5算法对该多个文件分片进行序列化，以为每个文件分片分配第二唯一识别码。

其次介绍S200.浏览器将每个文件的第一唯一识别码上传至服务器的步骤。

浏览器在上传多个文件之前，首先将多个文件的第一唯一标识码和/或第二唯一识别码上传至服务器。由于直接传输第一唯一标识码/或第二唯一识别码的数据非常小，而不是传输数据量大的多个文件和/或文件分片，从而可以避免直接上传多个文件占用网络导致浏览器无法使用的问题。

再次介绍S300.服务器查询每个文件的第一唯一识别码是否存在于文件唯一识别码表中，以判断该文件是否已经保存在该服务器中的步骤。

当服务器接收到浏览器上传的第一唯一标识码和/或第二唯一识别码时，在唯一标识码表中检索验证，判断该第一唯一标识码对应的文件或才第二唯一识别码所对应的文件分片是否已经保存在该服务器中。

最后介绍S400.若不存在，服务器允许浏览器上传该第一唯一识别码所对应的文件；服务器存储该文件，并将该文件的第一唯一识别码记录到文件唯一识别码表中的步骤。

当唯一标识码表中存在第一唯一标识码和/或第二唯一识别码时，说明服务器中已经保存所对应的文件或者文件分片，此时浏览器无需再次上传，避免了重复上传引起的资源浪费。当不存在时，此时服务器通知浏览器，并允许该浏览器上传所对应的文件或者文件分片。当服务器保存所接收到文件或者文件分片，并将其第一唯一标识码和/或第二唯一识别码记录到文件唯一识别码表中。

如图2与图3所示，服务器存储所接收到文件或者文件分片采用以下步骤：

服务器保存所接收的文件分片放置在缓冲器buffer中；

分析每个文件分片边界字符特征，根据边界字符特征获取该文件分片中数据实体的起始位置；

根据边界字符特征映射关系获取数据实体所在文件，并根据数据实体的头信息获取数据在完整文件中的位置；边界字符特征映射关系是指，数据实体的起始位置与数据实体所在文件的对应关系；

根据数据实体头信息获取数据在完整文件中的位置；

根据数据的位置将该文件分片中的数据写入到相对应的文件中。

当服务器接收文件分片时，还需要判断当前所接收的文件分片是否能够构成文件。若还缺少文件分片，则通知浏览器继续传输缺少的文件分片，直至能够构成一个完整的文件。此时，再利用MD5算法对该完整的文件进行序列化得到该文件的第一唯一标识码，然后返回步骤S300.

在执行上述各步骤时，本发明实施例提供的多文件异步上传方法还包括：

监听多个文件已经上传至所述服务器的数据的大小，以获取上传过程上传过程中每个文件的上传进度与上传完成时间。

本发明通过监听机制可以实时了解多个文件的上传进度，提高用户体验。

上述各步骤中，浏览器所在计算机通过交互式网页应用技术AJAX与服务器进行信息交互。

第二方面，本发明实施例还提供了一种用于支持HTML5浏览器的多文件异步上传系统，包括：设有浏览器的计算机和服务器，计算机与服务器通过交互式网页应用技术AJAX进行信息交互，其中：

浏览器，用于选择多个文件、利用MD5算法对多个文件进行序列化获取第一唯一识别码以及上传所选择的多个；

服务器，用于判断每个文件的第一唯一识别码是否存在于文件唯一识别码表中以及存储文件与记录第一唯一识别码至文件唯一识别码表。

可选地，计算机包括序列化模块，序列化模块用于在文件的大小超过预设值时，执行以下步骤：

分割该文件，以形成多个文件分片；

利用MD5算法对所述多个文件分片进行序列化，以为每个文件分片分配第二唯一识别码。

可选地，服务器包括：缓冲模块、位置获取模块、分析模块和文件模块；

缓冲模块，用于接收来自所述浏览器所发送的携带有第一唯一标识码的多个文件或者携带有第二唯一标识码的多个文件分片；

位置获取模块，用于分析多个文件或者多个文件分片中的数据实体的起始位置；

所述分析模块，用于根据边界字符特征映射关系获取数据实体所在文件，并根据数据实体的头信息获取数据在完整文件中的位置；所述边界字符特征映射关系是指，数据实体的起始位置与数据实体所在文件的对应关系；

文件模块，用于根据数据在该文件中的位置将该数据写入该文件中。

可以看出，本发明实施例提供的多文件异步上传系统可与前文中至少一种用于支持HTML5浏览器的多文件异步上传方法相互对应，因而该多文件异步上传系统可以解决同样的技术问题，并取得相同的技术效果，其具体实施方式可以参照前文，在此不再赘述。

综上所述，本发明实施例提供了一种用于支持HTML5浏览器的多文件异步上传方法及系统，在支持HTML5的浏览器上首先根据MD5算法对需要上传的多个文件进行序列化，获取每个文件的第一唯一识别码；服务器只有校验唯一识别码表中不存在该第一唯一识别码时，才允许浏览器上传操作；此时服务器端从多个上传文件中获取数据实体，进行数据分析，并写入文件。本发明可以在不影响用户使用浏览器的情况下，高效完成多文件上传操作。

在本发明中，术语“第一”、“第二”、“第三”仅用于描述目的，而不能理解为指示或暗示相对重要性。术语“多个”指两个或两个以上，除非另有明确的限定。

虽然结合附图描述了本发明的实施方式，但是本领域技术人员可以在不脱离本发明的精神和范围的情况下做出各种修改和变型，这样的修改和变型均落入由所附权利要求所限定的范围之内。

Claims (9)

1.一种用于支持HTML5浏览器的多文件异步上传方法，其特征在于，包括：

选择需要上传的多个文件；浏览器利用MD5算法对上述多个文件进行序列化，以为每个文件分配第一唯一识别码；

所述浏览器将每个文件的第一唯一识别码上传至服务器；

所述服务器查询每个文件的第一唯一识别码是否存在于文件唯一识别码表中，以判断该文件是否已经保存在该服务器中；

若不存在，所述服务器允许所述浏览器上传该第一唯一识别码所对应的文件；所述服务器存储该文件，并将该文件的第一唯一识别码记录到所述文件唯一识别码表中。

2.根据权利要求1所述的多文件异步上传方法，其特征在于，当文件的大小超过预设值时，所述利用MD5算法对上述多个文件进行序列化，以为每个文件分配第一唯一识别码的步骤之后还包括：

分割该文件，以形成多个文件分片；

利用MD5算法对所述多个文件分片进行序列化，以为每个文件分片分配第二唯一识别码。

3.根据权利要求2所述的多文件异步上传方法，其特征在于，所述服务器接收到同一个文件的不同文件分片时，所述服务器存储该文件的步骤包括：

分析每个文件分片边界字符特征，根据所述边界字符特征获取该文件分片中数据实体的起始位置；

根据边界字符特征映射关系获取数据实体所在文件，并根据数据实体的头信息获取数据在完整文件中的位置；所述边界字符特征映射关系是指，数据实体的起始位置与数据实体所在文件的对应关系；

根据数据的位置将该文件分片中的数据写入到相对应的文件中。

4.根据权利要求3所述的多文件异步上传方法，其特征在于，所述根据数据的位置将该文件分片中的数据写入到相对应的文件中的步骤之后还包括：

判断同一个文件的多个文件分片的第二唯一识别码是否全部存在于服务器中的文件唯一识别码表中；

若是，则对该文件进行MD5算法序列化以获取该文件的第一唯一识别码。

5.根据权利要求1所述的多文件异步上传方法，其特征在于，还包括：

监听多个文件已经上传至所述服务器的数据的大小，以获取上传过程中每个文件的上传进度。

6.根据权利要求1所述的多文件异步上传方法，其特征在于，所述浏览器所在计算机通过交互式网页应用技术AJAX与所述服务器进行信息交互。

7.一种用于支持HTML5浏览器的多文件异步上传系统，其特征在于，包括：设有浏览器的计算机和服务器，所述计算机与所述服务器通过交互式网页应用技术AJAX进行信息交互，其中：

所述浏览器，用于选择多个文件、利用MD5算法对多个文件进行序列化获取第一唯一识别码以及上传所选择的多个；

所述服务器，用于判断每个文件的第一唯一识别码是否存在于文件唯一识别码表中以及存储文件与记录第一唯一识别码至文件唯一识别码表。

8.根据权利要求7所述的多文件异步上传系统，其特征在于，所述计算机包括序列化模块，所述序列化模块用于在文件的大小超过预设值时，执行以下步骤：

分割该文件，以形成多个文件分片；

利用MD5算法对所述多个文件分片进行序列化，以为每个文件分片分配第二唯一识别码。

9.根据权利要求7所述的多文件异步上传系统，其特征在于，所述服务器包括：缓冲模块、位置获取模块、分析模块和文件模块；

所述缓冲模块，用于接收来自所述浏览器所发送的携带有第一唯一标识码的多个文件或者携带有第二唯一标识码的多个文件分片；

所述位置获取模块，用于分析多个文件或者多个文件分片中的数据实体的起始位置；

所述分析模块，用于根据边界字符特征映射关系获取数据实体所在文件，并根据数据实体的头信息获取数据在完整文件中的位置；所述边界字符特征映射关系是指，数据实体的起始位置与数据实体所在文件的对应关系；

所述文件模块，用于根据数据在该文件中的位置将该数据写入该文件中。