CN109274719A

CN109274719A - 一种基于教育系统的图片断点续传方法及电子设备

Info

Publication number: CN109274719A
Application number: CN201810969016.1A
Authority: CN
Inventors: 孙悦; 李天驰; 李涛
Original assignee: Shenzhen Dianmao Technology Co Ltd
Current assignee: Shenzhen Dianmao Technology Co Ltd
Priority date: 2018-08-23
Filing date: 2018-08-23
Publication date: 2019-01-25

Abstract

本发明公开一种基于教育系统的图片断点续传方法及电子设备，方法包括步骤：A、创建用于上传图片的页面；B、当通过所述页面上传图片时，查询所述图片是否有上传未完成记录；C、当所述图片有上传未完成记录时，对所述图片的上传未完成记录进行分析，获取待上传的部分；当所述图片没有上传未完成记录时，将整个图片作为待上传的部分；D、将待上传的部分拆分为若干片段，并分段上传至服务器，并更新上传进度；E、接收服务器返回的对所有片段完成拼接的上传成功通知。通过本发明，可使用户可以直观的看到自己上传的真实进度，用户在上传过程中暂停或者离开，下次打开后可继续上传未完成的部分，提高上传效率。

Description

一种基于教育系统的图片断点续传方法及电子设备

技术领域

本发明涉及计算机技术领域，尤其涉及一种基于教育系统的图片断点续传方法及电子设备。

背景技术

随着互联网的发展，人们在日常工作生活当中，会经常拍摄各种图片，并对各种游戏数据进行截屏分享，尤其是在教育系统中，学生经常需要上传各种图片，以便与其他学生或教师进行互动。而在上传图片的过程中，用户一般需要了解图片上传进度，但传统的进度组件显示的并不是真实进度，数据不够准确。并且现有技术中，用户在上传过程中停止了上传，下次再打开网页时，需要重新上传，导致上传效率不高。

因此，现有技术还有待于改进和发展。

发明内容

鉴于上述现有技术的不足，本发明的目的在于提供一种基于教育系统的图片断点续传方法及电子设备，旨在解决现有技术中图片上传进度显示不准确、效率不高等问题。

本发明的技术方案如下：

一种基于教育系统的图片断点续传方法，其中，包括步骤：

A、创建用于上传图片的页面；

B、当通过所述页面上传图片时，查询所述图片是否有上传未完成记录；

C、当所述图片有上传未完成记录时，对所述图片的上传未完成记录进行分析，获取待上传的部分；当所述图片没有上传未完成记录时，将整个图片作为待上传的部分；

D、将待上传的部分拆分为若干片段，并分段上传至服务器，并更新上传进度；

E、接收服务器返回的对所有片段完成拼接的上传成功通知。

所述的基于教育系统的图片断点续传方法，其中，所述步骤C中，当所述图片没有上传未完成记录时，计算图片的大小、获取图片的名称以及类型，并将图片大小、名称和类型显示于所述页面。

所述的基于教育系统的图片断点续传方法，其中，所述步骤D具体包括：

D1、将待上传的部分转化为base64文件；

D2、根据预设大小进行拆分；

D3、上传每一拆分得到的片段；

D4、每一片段上传完成后，更新上传进度。

所述的基于教育系统的图片断点续传方法，其中，所述步骤E之后还包括：

F、检测是否还有待上传的图片，若有则继续分段上传。

所述的基于教育系统的图片断点续传方法，其中，所述步骤D3中，依次上传每一拆分得到的片段。

所述的基于教育系统的图片断点续传方法，其中，所述步骤D2中，对拆分得到的片段进行标记。

所述的基于教育系统的图片断点续传方法，其中，所述步骤E具体包括：

服务器根据所述标记判断最近上传的片段是否为最后一个片段，若是则拼接所有片段，并返回通知至客户端。

一种电子设备，其中，包括：

处理器，适于实现各指令，以及

存储设备，适于存储多条指令，所述指令适于由处理器加载并执行：

创建用于上传图片的页面；

当通过所述页面上传图片时，查询所述图片是否有上传未完成记录；

当所述图片有上传未完成记录时，对所述图片的上传未完成记录进行分析，获取待上传的部分；当所述图片没有上传未完成记录时，将整个图片作为待上传的部分；

将待上传的部分拆分为若干片段，并分段上传至服务器，并更新上传进度；

当服务器接收到图片的所有片段时，拼接所有片段，并返回通知至客户端。

一种非易失性计算机可读存储介质，其中，所述非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得所述一个或多个处理器执行所述的基于教育系统的图片断点续传方法。

一种计算机程序产品，其中，计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序，计算机程序包括程序指令，当程序指令被处理器执行时，使所述处理器执行所述的基于教育系统的图片断点续传方法。

有益效果：本发明通过将图片拆分成若干片段，并根据片段的上传来更新上传进度，从而使用户可以直观的看到自己上传的进度，同时将图片分为多个片段进行上传，提升性能的同时可以显示真实进度，用户在上传过程中暂停或者离开，下次打开后可继续上传未完成的部分，提高上传效率。

附图说明

图1为本发明一种基于教育系统的图片断点续传方法较佳实施例的流程图。

图2为本发明一种电子设备较佳实施例的结构框图。

具体实施方式

本发明提供一种基于教育系统的图片断点续传方法及电子设备，为使本发明的目的、技术方案及效果更加清楚、明确，以下对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

请参阅图1，图1为本发明一种基于教育系统的图片断点续传方法较佳实施例的流程图，如图所示，其包括步骤：

S1、创建用于上传图片的页面；

S2、当通过所述页面上传图片时，查询所述图片是否有上传未完成记录；

S3、当所述图片有上传未完成记录时，对所述图片的上传未完成记录进行分析，获取待上传的部分；当所述图片没有上传未完成记录时，将整个图片作为待上传的部分；

S4、将待上传的部分拆分为若干片段，并分段上传至服务器，并更新上传进度；

S5、接收服务器返回的对所有片段完成拼接的上传成功通知。

本发明通过将图片拆分成若干片段，并根据片段的上传来更新上传进度，从而使用户可以直观的看到自己上传的进度，同时将图片分为多个片段进行上传，提升性能的同时可以显示真实进度，用户在上传过程中暂停或者离开，下次打开后可继续上传未完成的部分，提高上传效率。

在所述步骤S1中，先创建用于上传图片的页面。

具体地，所述页面是用来上传图片。所述图片可以是相片、截图、动态图等等各种形式的图片。

所述页面可以显示各种图片上传过程中的信息。例如图片的大小、名称以及类型等等，同时还可包括图片的上传进度，以便用户能够直观看到图片上传到哪一步，同时页面上还可设置操作按钮，用于提供给用户选择需要上传的图片以及上传方式等等，所述操作按钮可设置在页面的下方，可方便用户进行操作。所述操作按钮包括选择按钮，通过点击该选择按钮弹出选择框，在所述选择框中可选择所需上传的图片，用户可以只选择一张图片，也可以同时选择多张图片，当选中图片后，点击选择框上的确认按钮进行确认，也可点击选择框上的取消按钮进行取消。在所述页面上还可设置选例如在所述页面上设置预览框，用于对正在上传的图片进行预览显示，所述预览框可设置在所述页面的右上方，方便查看。

另外，图片的上传进度可以通过文字的形式直接显示在所述页面上，例如，当前上传进度为30％；也可以通过一上传进度条的形式显示在所述页面上，例如通过一横向进度条来进行显示。本发明较佳的是以二者结合的方式进行显示，即将上传进度条与文字相结合进行显示，即能查看当前上传进度，又能直观看到进度条的发展。

所述上传进度条可以是白底，并且通过在所述上传进度条上填充绿色来显示当前上传进度，随着上传进度的发展，绿色部分从左至右不断前进，若当前上传进度为0时，则绿色部分所占百分比为0，若当前上传进度为50％，则绿色部分所占百分比为50％，若当前上传进度为100％，则绿色部分所占百分比为100％。

上传进度的文字显示于所述上传进度条的正上方，提示上传进度。

在所述步骤S2中，当通过所述页面上传图片时，查询所述图片是否有上传未完成记录。

当需要上传图片时，可以直接通过所述选择按钮选择所需上传的图片，当然，也可以直接将图片拖动至所述页面的检测区，当页面检测到图片被拖入到检测区时，则对图片进行上传操作。

所述检测区可设置在所述页面的中部，并设置为水平方向为长边、竖直方向为短边的长方形，在当检测到图片被拖入到所述检测区时，则自动显示所述检测区的边框，并在检测到图片被拖入检测区后松开拖动的指令时，则判定为进入检测区的图片为待上传的图片。

在进行上传前，需要查询所述图片是否有上传未完成记录。

即，判断图片是否曾经上传且未上传完成，这种情况一般是针对用户主动暂停上传或者由于外力因素导致上传过程停止。如果存在上传未完记录，那么在这种情况下，图片只上传了一部分，还需要上传剩余的部分；如果不存在上传未完成记录，那么在这种情况下，需要上传完整的图片。

所以针对不同的情况，需要进行不同的处理，对于存在上传未完成记录的情况，只需要上传剩余的部分，而不需要重新上传，这样可以提高上传效率和速度。

在所述步骤S3中，当所述图片有上传未完成记录时，对所述图片的上传未完成记录进行分析，获取待上传的部分；当所述图片没有上传未完成记录时，将整个图片作为待上传的部分。

即当图片存在上传未完成记录时，需要对图片的上传未完成记录进行分析，获取还需要继续上传的部分，即待上传的部分，并在接下来的时间上传该部分。若不存在上传未完成记录，则需要将整个图片作为待上传的部分，同样在接下来的时间上传该部分。

另外，在所述步骤S3中，当所述图片没有上传未完成记录时，计算图片的大小、获取图片的名称以及类型，并将图片大小、名称和类型显示于所述页面。

也就是说，针对新上传的图片(当然也包括之前已经上传但现在重新上传的图片)，获取图片的大小、名称以及类型，并显示于所述页面，这样用户可以对正在上传的图片具有比较直观的了解。

具体地，通过图片的size属性获取图片的大小。通过图片的name属性获取图片的名称，通过图片的type属性获取图片的类型。

同时将所获取到的图片的大小、名称以及类型显示于所述页面，具体的，当有多个图片需要上传时，则在所述页面上显示正在上传的图片的大小、名称以及类型，这样可避免图片与其大小、名称、类型不对应的情况，方便用户查看。

本发明中，可将多种类型的图片进行断点续传，例如jpeg、png、bmp、tif、gif、tga等等。

当然，针对具有上传未完成记录的图片，可以获取该图片已有的大小、名称以及类型，并直接显示即可。

在所述步骤S4中，将待上传的部分拆分为若干片段，并分段上传至服务器，并更新上传进度。

在上传之前，先将待上传的部分进行拆分，拆分的目的是，提高上传速度，同时方便进行断点续传，即在上传过程中断后，仍能上传未上传的部分，避免重新上传。

然后将拆分的片段上传至服务器，并根据上传的情况更新上传进度。

进一步，所述步骤S4具体包括：

S41、将待上传的部分转化为base64文件；

S42、根据预设大小进行拆分；

S43、上传每一拆分得到的片段；

S44、每一片段上传完成后，更新上传进度。

具体地，在所述步骤S41中，先将待上传的部分转化为base64文件，即编码为base64文件。

Base64是网络上最常见的用于传输8Bit字节码的编码方式之一，Base64就是一种基于64个可打印字符来表示二进制数据的方法。Base64编码是从二进制到字符的过程，可用于在HTTP环境下传递较长的标识信息。例如，在Java Persistence系统Hibernate中，就采用了Base64来将一个较长的唯一标识符(一般为128-bit的UUID)编码为一个字符串，用作HTTP表单和HTTP GET URL中的参数。在其他应用程序中，也常常需要把二进制数据编码为适合放在URL(包括隐藏表单域)中的形式。

在所述步骤S42中，根据预设大小进行拆分。

即，可预先设置好需上传的每一个片段的大小，并按此大小对base64文件进行拆分。

例如，按照预设的大小，将base64截取为100个片段，并且每个片段大小相同，或者截取为50个片段，并且每个片段大小相同。当然，每个片段的大小可以相同，也可以不同，可根据需要设置。

在所述步骤S43中，上传每一拆分得到的片段。

即对于拆分得到的每一个片段，都需要进行上传。上传的方式多种多样，例如可以按顺序依次上传，即依次上传每一拆分得到的片段。这样可以确保上传过程不会出错，减少出错率。

至于上传的顺序，可以按照拆分的顺序来进行上传。例如，预先在所述步骤S42中，对拆分得到的片段进行标记。

例如标记为：片段1、片段2、片段3、片段4、…、片段100，这样共得到100个片段，然后依次上传片段1、片段2、片段3、片段4、…、片段100，这样可确保上传过程有序进行。

当然，还可按照其他顺序来进行上传，例如按照片段大小进行上传，先上传片段大的，然后上传片段小的。

当然，还可选择批量上传的方式，例如每次同时上传预定个数的片段，例如5个，这样也可提高上传速度，同时也可实现断点续传。

在所述步骤S44中，每一片段上传完成后，更新上传进度。

由于在前述的拆分过程中，已经获知每个片段的大小，所以当某个片段上传成功时，即可在页面上更新上传进度，例如共拆分得到片段1、片段2、片段3、片段4、…、片段100，共得到100个片段，并且每个片段的大小相同。那么每上传完成一个片段，那么上传进度将增加1％，例如上传片段30之前，上传进度为29％，那么在上传片段30之后，更新上传进度为30％。

这样，上传进度完全是根据片段大小来计算并更新的，而每个片段的大小时已知的，所以每上传完一个片段，其所更新的上传进度将是准确无误的，所以本发明能够在页面上显示真实准确的上传进度。

在所述步骤S5中，服务器接收到上传的所有片段后，会对所有片段进行拼接，在拼接完成后，返回上传成功通知(至客户端)。

这样客户端就会第一时间接收到所述上传成功通知，使用户及时了解上传成功与否。

进一步，所述步骤S5具体包括：

因拆分得到的片段有多个，所以服务器在每次接收到一个新的片段后，会判断该片段是否为最后一个片段，若是则表明相应图片的所有片段都已接收到，可对所有片段进行拼接，形成完整图片，并返回通知至客户端。

本发明中，优选的，在对片段进行标记时，还标记总的片段数量，这样可以得知该片段位于所有片段的位置。

例如标记为：片段1(总片段数为100)、片段2(总片段数为100)、片段3(总片段数为100)、片段4(总片段数为100)、…、片段100(总片段数为100)，这样当接收到片段4时，则根据当前片段的标记可判定其不是最后一个片段，当接收到片段100时，可各级当前片段的标记判定其为最后一个片段。

在进行片段拼接时，可先将片段按照标记的次序将所有片段进行排列，然后合成所有片段，再将合成得到的完整片段转化为图片。其中合成得到的完整片段为base64文件，可按照步骤S41中的编码相反的方式进行解码，从而将base64文件解码为原始的图片。

进一步，所述步骤S5之后还包括：

S6、检测是否还有待上传的图片，若有则继续分段上传。

本发明中，可以选择上传一张图片，也可以选择上传多张图片，对于多张图片的上传方式，可以先选择一张图片，按照如上所述的方式进行上传，当接收到上传成功通知后，可检测是否还有待上传的图片，如果有，则继续选择一张图片，按照如上的方式进行上传，并同样在接收到上传成功通知后，继续检测，直至上传完所有的图片。

本发明中，当在图片上传过程中，上传过程由于用户主动或者被动原因导致上传过程中断，则记录已上传的片段的片段信息以及未上传的片段的片段信息，形成上传未完成记录，后续再次对该图片进行上传时，只需根据所述上传未完成记录，继续上传待上传的部分即可，从而提高上传效率和速度。

当然，本发明的方法也不仅限于应用在教育系统中，同样可以应用在其他系统，以及移动端系统中。

请参阅图2，本发明还提供一种电子设备10，其包括：

处理器110，适于实现各指令，以及

存储设备120，适于存储多条指令，所述指令适于由处理器加载并执行：

创建用于上传图片的页面；

接收服务器返回的对所有片段完成拼接的上传成功通知。

所述处理器110可以为通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)、单片机、ARM(Acorn RISC Machine)或其它可编程逻辑器件、分立门或晶体管逻辑、分立的硬件组件或者这些部件的任何组合。还有，处理器还可以是任何传统处理器、微处理器或状态机。处理器也可以被实现为计算设备的组合，例如，DSP和微处理器的组合、多个微处理器、一个或多个微处理器结合DSP核、任何其它这种配置。

存储设备120作为一种非易失性计算机可读存储介质，可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块，如本发明实施例中的基于教育系统的图片断点续传方法对应的程序指令。处理器通过运行存储在存储设备中的非易失性软件程序、指令以及单元，从而执行基于教育系统的图片断点续传方法的各种功能应用以及数据处理，即实现上述方法实施例。

关于上述电子设备10的具体技术细节在前面的方法中已有详述，故不再赘述。

本发明还提供一种非易失性计算机可读存储介质，所述非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得所述一个或多个处理器执行所述的基于教育系统的图片断点续传方法。

本发明还提供一种计算机程序产品，计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序，计算机程序包括程序指令，当程序指令被处理器执行时，使所述处理器执行所述的基于教育系统的图片断点续传方法。

应当理解的是，本发明的应用不限于上述的举例，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，所有这些改进和变换都应属于本发明所附权利要求的保护范围。

Claims

1.一种基于教育系统的图片断点续传方法，其特征在于，包括步骤：

A、创建用于上传图片的页面；

E、接收服务器返回的对所有片段完成拼接的上传成功通知。

2.根据权利要求1所述的基于教育系统的图片断点续传方法，其特征在于，所述步骤C中，当所述图片没有上传未完成记录时，计算图片的大小、获取图片的名称以及类型，并将图片大小、名称和类型显示于所述页面。

3.根据权利要求1所述的基于教育系统的图片断点续传方法，其特征在于，所述步骤D具体包括：

D1、将待上传的部分转化为base64文件；

D2、根据预设大小进行拆分；

D3、上传每一拆分得到的片段；

D4、每一片段上传完成后，更新上传进度。

4.根据权利要求1所述的基于教育系统的图片断点续传方法，其特征在于，所述步骤E之后还包括：

F、检测是否还有待上传的图片，若有则继续分段上传。

5.根据权利要求3所述的基于教育系统的图片断点续传方法，其特征在于，所述步骤D3中，依次上传每一拆分得到的片段。

6.根据权利要求5所述的基于教育系统的图片断点续传方法，其特征在于，所述步骤D2中，对拆分得到的片段进行标记。

7.根据权利要求6所述的基于教育系统的图片断点续传方法，其特征在于，所述步骤E具体包括：

8.一种电子设备，其特征在于，包括：

处理器，适于实现各指令，以及

创建用于上传图片的页面；

接收服务器返回的对所有片段完成拼接的上传成功通知。

9.一种非易失性计算机可读存储介质，其特征在于，所述非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得所述一个或多个处理器执行权利要求1-7任一项所述的基于教育系统的图片断点续传方法。

10.一种计算机程序产品，其特征在于，计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序，计算机程序包括程序指令，当程序指令被处理器执行时，使所述处理器执行权利要求1-7任一项所述的基于教育系统的图片断点续传方法。