CN106325878A - 图片批量上传或下载的进度显示方法及装置 - Google Patents

Abstract

本发明属于通信技术领域，具体涉及一种图片批量上传或下载的进度显示方法及装置。该方法包括以下步骤：基于每个图片对应的至少一个小包，将每个图片进行分包上传或下载；接收小包上传或下载成功后服务器发出的返回信息；将所述进度子值累加到在字典中用所述图片标识符Ⅰ标记的进度条中，得到所述进度条的当前进度累加值；刷新页面，在移动端的显示屏中的单元格中显示与所述图片标识符Ⅰ相对应的图片及所述当前进度累加值。该方法可用于移动端的批量图片上传或下载的进度显示，其能确保进度子值累加到对应的进度条中，且确保单元格中显示出来的图片和其进度累加值是相对应的。

Description

图片批量上传或下载的进度显示方法及装置

技术领域

本发明属于通信技术领域，具体涉及一种图片批量上传或下载的进度显示方法及装置。

背景技术

当用户想通过移动端进行上传或下载图片时，特别是多张图片一起上传或下载的时候，给每个图片加一个上传或下载的进度条是很有必要的，这可以让用户实时地看到每一张图片上传或下载的进度情况。

现有的移动端的显示屏的Cell（单元格）是重复利用机制的。也就是说，移动端的显示屏中只能通过一定数目的单元格显示一定数目的图片，用户滑动显示屏的时候，新显示的单元格会重复利用被滑出的单元格对象。此时，会导致单元格上的进度条的进度情况不是相应图片上传或下载的进度情况，导致用户看到的进度情况是错误的，这极大地降低了用户的体验。

发明内容

为了解决上述技术问题，本发明提供一种图片批量上传或下载的进度显示方法及装置，利用该方法可以确保进度子值累加到对应的进度条中，且确保单元格中显示出来的图片和其进度累加值是相对应的，进而可以提高用户的体验。

本发明采用如下技术方案：

一方面，本发明提供一种图片批量上传或下载的进度显示方法，其包括以下步骤：

基于每个图片对应的至少一个小包，将每个图片进行分包上传或下载；

接收小包上传或下载成功后服务器发出的返回信息，所述返回信息包括与该小包相对应的图片的图片标识符Ⅰ和与该小包相对应的进度子值；

将所述进度子值累加到在字典中用所述图片标识符Ⅰ标记的进度条中，得到所述进度条的当前进度累加值；所述用所述图片标识符Ⅰ标记的进度条，是指在字典中用所述图片标识符Ⅰ标记该进度条的编号或者用所述图片标识符Ⅰ作为该进度条的编号；在字典中至多存在一个用所述图片标识符Ⅰ标记的进度条，且字典中的已被所述图片标识符Ⅰ标记的进度条在解除标记之前不能被其他图片标识符标记；

刷新页面，在移动端的显示屏中的单元格中显示与所述图片标识符Ⅰ相对应的图片及所述当前进度累加值；其中，所述移动端的显示屏中的单元格与所述字典中的表格标识符一一对应，且用于显示与所述图片标识符Ⅰ相对应的图片的单元格的表格标识符是所述字典中用所述图片标识符Ⅰ标记的表格标识符。

优选的是，在所述接收小包上传或下载成功后服务器发出的返回信息之后，且将所述进度子值累加到用所述图片标识符Ⅰ标记的进度条中之前，还可以包括：

根据所述返回信息中的图片标识符Ⅰ，判断字典中是否存在用所述图片标识符Ⅰ标记的表格标识符；

如果字典中存在用所述图片标识符Ⅰ标记的表格标识符，则根据所述图片标识符Ⅰ和该表格标识符在字典中查找包含所述图片标识符Ⅰ的进度条编号，并根据包含所述图片标识符Ⅰ的进度条编号调取相对应的进度条；

如果字典中不存在用所述图片标识符Ⅰ标记的表格标识符，则判断字典中是否存在能够被所述图片标识符Ⅰ标记的表格标识符；若字典中存在能够被所述图片标识符Ⅰ标记的表格标识符，则选定一个可以被所述图片标识符Ⅰ标记的表格标识符，并在所述字典中用所述图片标识符Ⅰ标记选定的表格标识符，同时在该选定的表格标识符对应的单元格中选定一个没被其他图片标识符标记的进度条，并在所述字典中用该图片标识符Ⅰ标记该选定的进度条。

较佳地，所述的图片批量上传或下载的进度显示方法，其还可以包括：

所述判断字典中是否存在能够被所述图片标识符Ⅰ标记的表格标识符后，若字典中不存在能够被所述图片标识符Ⅰ标记的表格标识符，则将所述返回信息放入到等待队列中；

响应用户在显示屏上的操作，将字典中的用图片标识符Ⅱ标记的表格标识符解除标记，同时，将用所述图片标识符Ⅱ标记的进度条解除标记，且将该解除标记的进度条的当前进度累加值归为零；

选定一个已解除标记的表格标识符，在所述字典中用等待队列中的所述返回信息中的图片标识符Ⅰ标记选定的表格标识符，同时在该选定的表格标识符对应的单元格中选定一个已解除标记的进度条，在所述字典中用等待队列中的所述返回信息中的图片标识符Ⅰ标记该选定的进度条。

优选地，所述的图片批量上传或下载的进度显示方法，其还可以包括：

所述用等待队列中的所述返回信息中的图片标识符Ⅰ标记选定的表格标识符之后，删除所述等待队列中的该返回信息，并筛选所述等待队列中的其他返回信息中的图片标识符，根据筛选出的其他返回信息中的图片标识符和该返回信息中的图片标识符Ⅰ，判断是否存在类似返回信息；所述类似返回信息是指其中的图片标识符与该返回信息中的图片标识符Ⅰ相同的其他返回信息；

如果等待队列中包含类似返回信息，则将类似返回信息中的进度子值累加到用该图片标识符Ⅰ标记的进度条中，得到该进度条的当前进度累加值；同时，删除所述等待队列中的所述类似返回信息。

较佳地，所述的图片批量上传或下载的进度显示方法，还包括：

所述得到所述进度条的当前进度累加值之后，还包括：将所述进度累加值与预设进度值相比较；

如果所述进度累加值等于预设进度值，则在刷新页面后，在移动端的显示屏中的单元格中显示与所述图片标识符Ⅰ相对应的图片上传或下载完成。

另一方面，本发明还提供一种图片批量上传或下载的进度显示装置，其包括：

传送模块，用于基于每个图片对应的至少一个小包，将每个图片进行分包上传或下载；

接收模块，用于接收小包上传或下载成功后服务器发出的返回信息，所述返回信息包括与该小包相对应的图片的图片标识符Ⅰ和与该小包相对应的进度子值；

累加模块，用于将所述进度子值累加到在字典中用所述图片标识符Ⅰ标记的进度条中，得到所述进度条的当前进度累加值；所述用所述图片标识符Ⅰ标记的进度条，是指在字典中用所述图片标识符Ⅰ标记该进度条的编号或者用所述图片标识符Ⅰ作为该进度条的编号；在字典中至多存在一个用所述图片标识符Ⅰ标记的进度条，且字典中的已被所述图片标识符Ⅰ标记的进度条在解除标记之前不能被其他图片标识符标记；

刷新模块，用于刷新页面，在移动端的显示屏中的单元格中显示与所述图片标识符Ⅰ相对应的图片及所述当前进度累加值；其中，所述移动端的显示屏中的单元格与所述字典中的表格标识符一一对应，且用于显示与所述图片标识符Ⅰ相对应的图片的单元格的表格标识符是所述字典中用所述图片标识符Ⅰ标记的表格标识符。

优选的是，所述的图片批量上传或下载的进度显示装置，其还可以包括：

判断模块，用于在所述接收小包上传或下载成功后服务器发出的返回信息之后，且将所述进度子值累加到用所述图片标识符Ⅰ标记的进度条中之前，根据所述返回信息中的图片标识符Ⅰ，判断字典中是否存在用所述图片标识符Ⅰ标记的表格标识符；

调取模块，用于如果字典中存在用所述图片标识符Ⅰ标记的表格标识符，则根据所述图片标识符Ⅰ和该表格标识符在字典中查找包含所述图片标识符Ⅰ的进度条编号，并根据包含所述图片标识符Ⅰ的进度条编号调取相对应的进度条；

所述判断模块，还用于如果字典中不存在用所述图片标识符Ⅰ标记的表格标识符，则判断字典中是否存在能够被所述图片标识符Ⅰ标记的表格标识符；若字典中存在能够被所述图片标识符Ⅰ标记的表格标识符，则选定一个可以被所述图片标识符Ⅰ标记的表格标识符，并在所述字典中用所述图片标识符Ⅰ标记选定的表格标识符，同时在该选定的表格标识符对应的单元格中选定一个没被其他图片标识符标记的进度条，并在所述字典中用该图片标识符Ⅰ标记该选定的进度条。

较佳地，所述的图片批量上传或下载的进度显示装置，还包括：

放入模块，用于所述判断字典中是否存在能够被所述图片标识符Ⅰ标记的表格标识符后，若字典中不存在能够被所述图片标识符Ⅰ标记的表格标识符，则将所述返回信息放入到等待队列中；

响应模块，用于响应用户在显示屏上的操作，将字典中的用图片标识符Ⅱ标记的表格标识符解除标记，同时，将用所述图片标识符Ⅱ标记的进度条解除标记，且将该解除标记的进度条的当前进度累加值归为零；

选定模块，用于选定一个已解除标记的表格标识符，在所述字典中用等待队列中的所述返回信息中的图片标识符Ⅰ标记选定的表格标识符，同时在该选定的表格标识符对应的单元格中选定一个已解除标记的进度条，在所述字典中用等待队列中的所述返回信息中的图片标识符Ⅰ标记该选定的进度条。

较佳地，所述的图片批量上传或下载的进度显示装置，还可以包括：

删除模块，用于所述用等待队列中的所述返回信息中的图片标识符Ⅰ标记选定的表格标识符之后，删除所述等待队列中的该返回信息，并筛选所述等待队列中的其他返回信息中的图片标识符，根据筛选出的其他返回信息中的图片标识符和该返回信息中的图片标识符Ⅰ，判断是否存在类似返回信息；所述类似返回信息是指其中的图片标识符与该返回信息中的图片标识符Ⅰ相同的其他返回信息；

累加模块，还用于如果等待队列中包含类似返回信息，则将类似返回信息中的进度子值累加到用该图片标识符Ⅰ标记的进度条中，得到该进度条的当前进度累加值；同时，删除所述等待队列中的所述类似返回信息。

较佳地，所述的图片批量上传或下载的进度显示装置，还包括：

比较模块，用于所述得到所述进度条的当前进度累加值之后，将所述进度累加值与预设进度值相比较；

所述刷新模块，还用于如果所述进度累加值等于预设进度值，则在刷新页面后，在移动端的显示屏中的单元格中显示与所述图片标识符Ⅰ相对应的图片上传或下载完成。

本发明实施例中的图片批量上传或下载的进度显示方法，其通过表格标识符、图片标识符等相关设置，以及将进度子值累加到在字典中用相应图片标识符标记的进度条中，并且在移动端的显示屏中的单元格中显示与相应图片标识符对应的图片及其对应的当前进度累加值等等，控制了图片和其进度累加值的显示，以此确保了图片和其进度累加值显示的正确性；即使在用户进行滑动的情况下，也能确保进度子值能够累加到对应的进度条中，并能够确保单元格中显示出来的图片和其进度累加值是相对应的。因此，利用本发明实施例的方法，可以改善用户的体验。

附图说明

图1为本发明一优选实施例中的图片批量上传或下载的进度显示方法的流程图。

图2为本发明另一优选实施例中的图片批量上传或下载的进度显示方法的部分流程图。

图3为本发明另一优选实施例中的图片批量上传或下载的进度显示方法的部分流程图。

图4为本发明一优选实施例中的图片批量上传或下载的进度显示装置的结构图。

图5为本发明另一优选实施例中的图片批量上传或下载的进度显示装置的结构图。

图6为本发明另一优选实施例中的图片批量上传或下载的进度显示装置的结构图。

图7为本发明另一优选实施例中的图片批量上传或下载的进度显示装置的结构图。

图8为本发明另一优选实施例中的图片批量上传或下载的进度显示装置的结构图。

具体实施方式

为了更加清楚地了解本发明的技术方案，下面结合附图对本发明进行详细介绍。本发明的实施例具有示例性的作用，本领域技术人员在本发明实施例基础上做出的无实质性的改进，都应属于本发明的保护范围。

如图1所示的图片批量上传或下载的进度显示方法，其可应用于移动端，包括以下步骤：

S101：基于每个图片对应的至少一个小包，将每个图片进行分包上传或下载。

当用户通过移动端进行上传或下载批量图片时，服务器会依据当前情况将每个图片分成至少一个小包，这些小包与各自的图片相对应。

S102：接收小包上传或下载成功后服务器发出的返回信息，所述返回信息包括与该小包相对应的图片的图片标识符Ⅰ和与该小包相对应的进度子值。

可以设定每个图片上传或下载完成后的预设进度值（该预设进度值可以表明与其相对应的图片上传或下载完成对应的进度值），服务器将每个图片分成至少一个小包后，会根据每个小包大小或其他规则，将预设进度值分成与各个小包对应的进度子值，进度子值表明与其相对应的小包上传或下载完成后对应图片的上传进度。移动端将小包上传到服务器（或者从服务器下载小包）后，服务器会根据小包携带的图片标识符和各小包对应的进度子值发出返回信息。

图片标识符，是指可以将每个图片与其他图片相区别的标识符，该标识符可以是数字、符号、字母或他们的组合。所述图片标识符Ⅰ，是一批需要上传或下载的图片中的任一图片的图片标识符。

S103：将所述进度子值累加到在字典中用所述图片标识符Ⅰ标记的进度条中，得到所述进度条的当前进度累加值；所述用所述图片标识符Ⅰ标记的进度条，是指在字典中用所述图片标识符Ⅰ标记该进度条的编号或者用所述图片标识符Ⅰ作为该进度条的编号；在字典中至多存在一个用所述图片标识符Ⅰ标记的进度条，且字典中的已被所述图片标识符Ⅰ标记的进度条在解除标记之前不能被其他图片标识符标记。

用所述图片标识符Ⅰ标记该进度条的编号，是指在该进度条的编号的某个位置处加上所述图片标识符Ⅰ，如：图片标识符Ⅰ为11，进度条的编号为6，用图片标识符11标记编号为6的进度条，可以统一为11-6、6-11或6₁₁等其他形式。用所述图片标识符Ⅰ作为该进度条的编号，是指进度条之前没有编号，当需要用所述图片标识符Ⅰ标记进度条时，直接将该图片标识符Ⅰ作为该进度条的编号；或者是进度条之前有编号，当需要用所述图片标识符Ⅰ标记进度条时，直接将该图片标识符Ⅰ代替该进度条的编号。

将所述进度子值累加到用所述图片标识符Ⅰ标记的进度条中，不会累加到其他进度条中。所述表格标识符中的进度条，可以根据预先设定一个表格标识符对应一个或多个进度条，如果有一个进度条，则说明对应的单元格只能显示一个图片的进度情况，如果有多个进度条，则对应的单元格中可以显示多个图片的进度情况。

在字典中至多存在一个用所述图片标识符Ⅰ标记的进度条，且字典中的已被所述图片标识符Ⅰ标记的进度条在解除标记之前不能再被其他图片标识符标记，这可以保证每个图片标识符只能标记一个进度条，且每个进度条同一时间内只能被一个图片标识符标记，因此，每个图片的上传或下载情况只能有一个进度条进行显示，且每个进度条同一时间内只能显示一个图片的上传或下载情况。这就可以使每个图片的进度情况能够正确显示出来，避免发生混乱。

所述当前进度累加值，是指当与所述进度子值相对应的小包上传或下载成功时，与该小包相对应的图片的当前上传或下载的进度情况。

所述其他图片标识符，是除图片标识符Ⅰ之外的其他图片对应的图片标识符。

S104：刷新页面，在移动端的显示屏中的单元格中显示与所述图片标识符Ⅰ相对应的图片及所述当前进度累加值；其中，所述移动端的显示屏中的单元格与所述字典中的表格标识符一一对应，且用于显示与所述图片标识符Ⅰ相对应的图片的单元格的表格标识符是所述字典中用所述图片标识符Ⅰ标记的表格标识符。

所述表格标识符，是指可以将每个单元格与其他单元格相区别的标识符，该标识符可以是数字、符号、字母或他们的组合。

所述用于显示与所述图片标识符Ⅰ相对应的图片的单元格的表格标识符是所述字典中用所述图片标识符Ⅰ标记的表格标识符，即在单元格中显示相应的图片，在字典中其表格标识符必须是被该图片对应的图片标识符标记的，因此，可以通过用相应的图片标记符标记表格标识符，使得相应的单元格中显示正确的图片。

本发明实施例的字典是一种存储数据的集合，其中记录着可以在显示屏上显示的单元格的表格标识符，当其中的表格标识符被某个图片标识符标记时，该表格标识符对应的一个进度条也会被该图片标识符标记，并记录在该字典中。被标记后的表格标识符对应的单元格中可以显示该图片标识符对应的图片，并在被标记的进度条中显示该图片上传或下载的进度情况；若某个单元格对应的表格标识符在字典中没有被图片标识符标记，则显示屏中该单元格不能显示图片；若某个图片对应的图片标识符没有标记字典中的表格标识符，则在显示屏的单元格中不能显示该图片；若某个进度条的编号不被所述图片标识符标记，则图片的进度情况不能显示出来，且该图片也不能显示出来；若字典中的某个进度条已经被某个图片标识符标记，则在解除标记之前，其他图片标识符将不能进行标记。另外，字典中的表格标识符可以被一个或多个图片标识符标记；当设定的单元格中只能显示一个图片时，字典中的与该单元格对应的表格标识符只能被一个图片标识符标记，在该图片标识符解除标记之前，其他图片标识符不能对该表格标识符进行标记；当设定的单元格中能显示N个（至少两个）图片时，字典中的与该单元格对应的表格标识符能被N个图片标识符标记，用N个图片标识符标记该表格标识符后，在N个图片标识符中的至少一个图片标识符解除标记之前，除这N个图片标识符之外的其他图片标识符不能对该表格标识符进行标记。

在移动端的显示屏中的单元格中显示与所述图片标识符相对应的图片及所述当前进度累加值，可以让该移动端的用户及时看到相应图片的上传或下载进度情况。所述当前进度累加值显示在显示屏中的单元格中时，通常是显示在与所述图片标识符相对应的图片的相对应的位置处。如：显示在图片所在处的上方、中间或下方，或者是显示在图片周围的某个地方，以方便用户观看并能分辨出是该图片的上传或下载进度为宜。

本发明实施例中的图片批量上传或下载的进度显示方法，其通过表格标识符、图片标识符等相关设置，以及将所述进度子值累加到在字典中用所述图片标识符标记的进度条中，并且在移动端的显示屏中的单元格中显示与所述图片标识符相对应的图片及所述当前进度累加值等等，来控制需要显示的图片和该图片的进度情况，确保对应的单元格中显示的是正确图片和正确的进度情况，并确保了进度子值累加到对应图片的进度条中。因此，利用本发明实施例的方法，可以使单元格中显示的是正确的图片，也能使进度条显示的进度情况是相应图片上传或下载的进度情况，从而使用户看到的进度情况是正确的，提高了用户的体验。

基于图1所示的图片批量上传或下载的进度显示方法，如图2所示，在所述接收小包上传或下载成功后服务器发出的返回信息之后，且将所述进度子值累加到用所述图片标识符Ⅰ标记的进度条中之前，还包括：

S201：根据所述返回信息中的图片标识符Ⅰ，判断字典中是否存在用所述图片标识符Ⅰ标记的表格标识符。

所述用所述图片标识符Ⅰ标记的表格标识符，可以是在该表格标识符的某个位置（前端、后端或其他合适位置）插入该图片标识符Ⅰ或者是插入与该图片标识符Ⅰ相对应的其他标识，也可以是直接用该图片标识符Ⅰ作为该表格标识符。例如：图片标识符11、22、33分别代表三幅不同的图片，表格标识符aa、bb、cc分别代表三个不同的单元格；用图片标识符11标记的表格标识符，根据预先设定的规则（即将图片标识符标记在相应单元格的表格标识符的前端），可以是11-aa；根据相同的规则，用图片标识符22、33标记的表格标识符，可以分别是22-bb、33-cc。或者是，根据预先设定的规则（即将与每个图片标识符分别相对应的其他标识作为相应单元格的表格标识符），将A、B、C分别与图片标识符11、22、33相对应，用图片标识符11、22、33标记的表格标识符可以分别为A-aa、B-bb、C-cc。或者是，根据预先设定的规则（即将图片标识符作为相应单元格的表格标识符），不用aa、bb、cc作为表格标识符，直接用图片标识符11、22、33分别作为三个不同单元格的表格标识符。

所述判断字典中是否存在用所述图片标识符Ⅰ标记的表格标识符，可以是根据预先设定的规则，并在表格标识符的相关位置处筛查是否存在所述图片标识符Ⅰ或者与该图片标识符Ⅰ相对应的其他标识，如果存在，则可以说明字典中存在用所述图片标识符Ⅰ标记的表格标识符，否则，则是典中不存在用所述图片标识符Ⅰ标记的表格标识符。

S202：如果字典中存在用所述图片标识符Ⅰ标记的表格标识符，则根据所述图片标识符Ⅰ和该表格标识符在字典中查找包含所述图片标识符Ⅰ的进度条编号，并根据包含所述图片标识符Ⅰ的进度条编号调取相对应的进度条。

所述字典中存在用该图片标识符Ⅰ标记的表格标识符，则说明该表格标识符相对应的单元格中存在与该图片相对应的进度条，且与该图片标识符Ⅰ相对应的图片和用该图片标识符Ⅰ标记的进度条中的进度累加值可以在与该表格标识符相对应的单元格中显示。

S203：如果字典中不存在用所述图片标识符Ⅰ标记的表格标识符，则判断字典中是否存在能够被所述图片标识符Ⅰ标记的表格标识符；若字典中存在能够被所述图片标识符Ⅰ标记的表格标识符，则选定一个可以被所述图片标识符Ⅰ标记的表格标识符，并在所述字典中用所述图片标识符Ⅰ标记选定的表格标识符，同时在该选定的表格标识符对应的单元格中选定一个没被其他图片标识符标记的进度条，并在所述字典中用该图片标识符Ⅰ标记该选定的进度条。

如果字典中不存在用所述图片标识符Ⅰ标记的表格标识符，则说明移动端的显示屏中的单元格中还不能显示与所述图片标识符Ⅰ相对应的图片及该图片的进度情况。因此，需要判断字典中是否存在能够被所述图片标识符Ⅰ标记的表格标识符，以便于判断出移动端的显示屏中的单元格是否还能够显示出该图片及该图片上传或下载的进度情况。

通常，可以预先设定每个单元格中只能显示一幅图片及该图片的进度情况，也可以预先设定每个单元格中能够显示至少两幅图片及在这些图片的相对应位置处显示图片的进度情况。如果是前者，所述判断字典中是否存在能够被所述图片标识符标记的表格标识符，是判断字典中是否存在没有被其他图片标识符标记的表格标识符；如果是后者，所述判断字典中是否存在能够被所述图片标识符标记的表格标识符，可以是先判断字典中的已被其他图片标识符标记的表格标识符是否还能被该图片标识符标记，若不能，再判断字典中是否存在没有被其他图片标识符标记的表格标识符。

通常，若每个单元格中只能显示一幅图片及该图片的进度情况，则该单元格中可以存在至少一个进度条，用以显示该单元格中的图片的上传或下载的进度情况；若每个单元格中能够显示至少两幅图片及在这些图片的对应位置处显示图片的相关信息，则该单元格中可以存在至少两个进度条，用以显示该单元格中的每个图片的上传或下载的进度情况。若经判断，字典中存在能够被该图片标识符标记的表格标识符，则一般会存在能够被该图片标识符标记的进度条。

所述用所述图片标识符Ⅰ标记选定的表格标识符之后，与该表格标识符相对应的单元格中可以显示与该图片标识符Ⅰ相对应的图片；所述用所述图片标识符Ⅰ标记该选定的进度条之后，该选定的进度条中可以显示与该图片标识符Ⅰ相对应的图片上传或下载的进度。

本发明的实施例中，通过判断字典中是否存在用所述图片标识符标记的表格标识符，判断出移动端的显示屏中的单元格中是否显示了与所述图片标识符相对应的图片及该图片的进度情况；如果字典中存在用所述图片标识符标记的表格标识符，则调取相对应的进度条，以便于将所述进度子值累加到用该图片标识符标记的进度条中；如果字典中不存在用所述图片标识符标记的表格标识符，且若字典中存在能够被所述图片标识符标记的表格标识符，则通过用小包返回信息中的图片标识符在字典中标记选定的表格标识符和选定的进度条，以使相应的图片能够显示在显示屏的单元格中，使用户能够及时看到需要上传或下载的图片及图片的上传或下载的进度情况，同时保证了图片和进度条中的进度情况是对应的，避免发生混乱。

基于图2所示的图片批量上传或下载的进度显示方法，如图3所示，其还包括：

S204：所述判断字典中是否存在能够被所述图片标识符Ⅰ标记的表格标识符后，若字典中不存在能够被所述图片标识符Ⅰ标记的表格标识符，则将所述返回信息放入到等待队列中。

若字典中不存在能够被所述图片标识符Ⅰ标记的表格标识符，则说明字典中的表格标识符已全部被其他图片标识符标记，当前显示屏中的单元格已被其他图片占领。

所述等待队列，可以理解为等待用户的滑动操作，以便于使该队列中的返回信息中的图片标识符对应的图片及该图片的上传或下载的进度情况显示在显示屏的单元格中。

等待队列中的返回信息可以按照一定规则进行排序，比如按照先进先处理原则，所述先进先处理是根据返回信息中的图片标识符的先后顺序进行的，比如：图片标识符11的第一个小包的返回信息先进入等待队列中后，然后是图片标识符22的第一个小包的返回信息进入等待队列，再然后是图片标识符11的第二个小包的返回信息进入等待队列，则等待队列中处理的先后顺序应为：图片标识符11的第一个小包的返回信息、图片标识符11的第二个小包的返回信息、图片标识符22的第一个小包的返回信息。

S205：响应用户在显示屏上的操作，将字典中的用图片标识符Ⅱ标记的表格标识符解除标记，同时，将用所述图片标识符Ⅱ标记的进度条解除标记，且将该解除标记的进度条的当前进度累加值归为零。

通常，某个单元格滑出显示屏时，在字典中标记该单元格对应的表格标识符的图片标识符均解除对该表格标识符的标记，同时，解除标记该表格标识符的图片标识符也要解除对进度条的标记，且解除标记的进度条的当前进度累加值归为零。以便于其他图片标识符标记该表格标识符和该进度条。

所述图片标识符Ⅱ，是指将显示屏中某个单元格滑出显示屏之前，该单元格中显示的任一图片对应的图片标识符。

所述将字典中的用图片标识符Ⅱ标记的表格标识符解除标记之后，与该表格标识符相对应的单元格中不再显示与该已解除标记的图片标识符Ⅱ相对应的图片；所述将用所述图片标识符Ⅱ标记的进度条解除标记之后，该进度条中不再显示与该已解除标记的图片标识符Ⅱ相对应的图片上传或下载的进度累加值。

当移动端的用户想要观看除当前显示屏上已显示的图片及图片的相关信息之外的其他图片及其相关进度时，用户可以在移动端的显示屏上进行滑动操作，以使显示屏上的单元格、单元格中图片及图片相关内容进行重新显示。重新显示的单元格中的图片及图片相关内容已经发生改变。因为，当用户在显示屏上进行操作时，经过滑动消失的单元格在字典中的表格标识符已经从图片标识符Ⅱ中解除标记，以及与图片标识符Ⅱ对应的图片的进度条中也从图片标识符Ⅱ中解除标记，以便于等待队列中的返回信息中的图片标识符重新标记已解除标记的表格标识符和进度条。

S206：选定一个已解除标记的表格标识符，在所述字典中用等待队列中的所述返回信息中的图片标识符Ⅰ标记选定的表格标识符，同时在该选定的表格标识符对应的单元格中选定一个已解除标记的进度条，在所述字典中用等待队列中的所述返回信息中的图片标识符Ⅰ标记该选定的进度条。

所述用等待队列中的所述返回信息中的图片标识符Ⅰ标记选定的表格标识符之后，与该表格标识符相对应的单元格中可以显示与该图片标识符Ⅰ相对应的图片；所述用等待队列中的所述返回信息中的图片标识符Ⅰ标记该选定的进度条之后，该选定的进度条中可以显示与该图片标识符Ⅰ相对应的图片上传或下载的进度累加值。

当字典中存在可以重新标记的表格标识符时，会从等待队列中筛选返回信息，并根据返回信息中的图片标记符标记可以标记的表格标识符和进度条。等待队列中的返回信息中的图片标识符重新标记已解除标记的单元格和进度条之后，在移动端的显示屏上显示的是用于重新标记该表格标识符的的图片及该图片的进度累加值。

本发明实施例，通过响应用户的滑动操作，解除相应表格标识符和进度条的标记，并为等待队列中的返回信息选定相应的表格标识符和进度条，因此，可以使单元格中显示出的图片及图片的进度累加值及时发生变化，使用户看到相应图片上传或下载的进度，而且能够提高显示出的图片及上传或下载的进度的正确性，改善用户的体验。

优选的是，基于图3所示的图片批量上传或下载的进度显示方法，还包括：

S207：所述用等待队列中的所述返回信息中的图片标识符Ⅰ标记选定的表格标识符之后，删除所述等待队列中的该返回信息，并筛选所述等待队列中的其他返回信息中的图片标识符，根据筛选出的其他返回信息中的图片标识符和该返回信息中的图片标识符Ⅰ，判断是否存在类似返回信息；所述类似返回信息是指其中的图片标识符与该返回信息中的图片标识符Ⅰ相同的其他返回信息。

所述等待队列中的返回信息中的图片标识符Ⅰ已经标记了字典中的表格标识符，说明其对应的图片及图片的进度累加值已经在移动端的显示屏上显示出来。因此，删除所述等待队列中的该返回信息，以避免后续不必要的重复操作。

S208：如果等待队列中包含类似返回信息，则将类似返回信息中的进度子值累加到用该图片标识符Ⅰ标记的进度条中，得到该进度条的当前进度累加值；同时，删除所述等待队列中的所述类似返回信息。

将等待队列中的类似返回信息中的进度子值累加到用该图片标识符Ⅰ标记的进度条中，以得到该图片的当前进度累加值。

通常，所述图片批量上传或下载的进度显示方法还可以包括：

所述将该解除标记的进度条的当前进度累加值归为零之前，记录该进度条的当前进度累加值，并将记录的当前进度累加值与其相对应的图片标识符形成记录信息；

将所述记录信息放入到所述等待队列中。

经过响应用户的操作，后续还可以重新把记录信息中的图片标识符相对应的图片及图片的相关信息显示在显示屏上。

较佳地，基于图1所示的图片批量上传或下载的进度显示方法，还包括：

所述得到所述进度条的当前进度累加值之后，还包括：将所述进度累加值与预设进度值相比较；

如果所述进度累加值等于预设进度值，则在刷新页面后，在移动端的显示屏中的单元格中显示与所述图片标识符Ⅰ相对应的图片上传或下载完成。

所述进度累加值与预设进度值相比较，若是所述进度累加值小于预设进度值，则说明图片上传或下载还没完成。所述在该单元格中显示该图片上传或下载完成，具体可以显示“下载100%”、“上传100%”“下载完成”、“上传完成”等。

如图4所示的图片批量上传或下载的进度显示装置，其可应用于移动端，包括：

传送模块，用于基于每个图片对应的至少一个小包，将每个图片进行分包上传或下载；

接收模块，用于接收小包上传或下载成功后服务器发出的返回信息，所述返回信息包括与该小包相对应的图片的图片标识符Ⅰ和与该小包相对应的进度子值；

累加模块，用于将所述进度子值累加到在字典中用所述图片标识符Ⅰ标记的进度条中，得到所述进度条的当前进度累加值；所述用所述图片标识符Ⅰ标记的进度条，是指在字典中用所述图片标识符Ⅰ标记该进度条的编号或者用所述图片标识符Ⅰ作为该进度条的编号；在字典中至多存在一个用所述图片标识符Ⅰ标记的进度条，且字典中的已被所述图片标识符Ⅰ标记的进度条在解除标记之前不能被其他图片标识符标记；

刷新模块，用于刷新页面，在移动端的显示屏中的单元格中显示与所述图片标识符Ⅰ相对应的图片及所述当前进度累加值；其中，所述移动端的显示屏中的单元格与所述字典中的表格标识符一一对应，且用于显示与所述图片标识符Ⅰ相对应的图片的单元格的表格标识符是所述字典中用所述图片标识符Ⅰ标记的表格标识符。

本发明实施例中的图片批量上传或下载的进度显示装置，其通过表格标识符、图片标识符等相关设置，以及传送模块、接收模块、累加模块、刷新模块，来控制需要显示的图片和该图片的进度情况，确保对应的单元格中显示的是正确图片和正确的进度情况，并确保了进度子值累加到对应图片的进度条中。因此，利用本发明实施例的装置，可以使单元格中显示的是正确的图片，也能使进度条显示的进度情况是相应图片上传或下载的进度情况，从而使用户看到的进度情况是正确的，提高了用户的体验。

如图5所示的图片批量上传或下载的进度显示装置，还可以包括：

判断模块，用于在所述接收小包上传或下载成功后服务器发出的返回信息之后，且将所述进度子值累加到用所述图片标识符Ⅰ标记的进度条中之前，根据所述返回信息中的图片标识符Ⅰ，判断字典中是否存在用所述图片标识符Ⅰ标记的表格标识符；

调取模块，用于如果字典中存在用所述图片标识符Ⅰ标记的表格标识符，则根据所述图片标识符Ⅰ和该表格标识符在字典中查找包含所述图片标识符Ⅰ的进度条编号，并根据包含所述图片标识符Ⅰ的进度条编号调取相对应的进度条；

所述判断模块，还用于如果字典中不存在用所述图片标识符Ⅰ标记的表格标识符，则判断字典中是否存在能够被所述图片标识符Ⅰ标记的表格标识符；若字典中存在能够被所述图片标识符Ⅰ标记的表格标识符，则选定一个可以被所述图片标识符Ⅰ标记的表格标识符，并在所述字典中用所述图片标识符Ⅰ标记选定的表格标识符，同时在该选定的表格标识符对应的单元格中选定一个没被其他图片标识符标记的进度条，并在所述字典中用该图片标识符Ⅰ标记该选定的进度条。

本发明的实施例中，通过判断模块判断字典中是否存在用所述图片标识符标记的表格标识符，以判断出移动端的显示屏中的单元格中是否显示了与所述图片标识符相对应的图片及该图片的进度情况；如果字典中存在用所述图片标识符标记的表格标识符，则用调取模块调取相对应的进度条，以便于将所述进度子值累加到用该图片标识符标记的进度条中；如果字典中不存在用所述图片标识符标记的表格标识符，且若字典中存在能够被所述图片标识符标记的表格标识符，则通过用小包返回信息中的图片标识符在字典中标记选定的表格标识符和选定的进度条，以使相应的图片能够显示在显示屏的单元格中，使用户能够及时看到需要上传或下载的图片及图片的上传或下载的进度情况，同时保证了图片和进度条中的进度情况是对应的，避免发生混乱。

如图6所示的图片批量上传或下载的进度显示装置，其还可以包括：

放入模块，用于所述判断字典中是否存在能够被所述图片标识符Ⅰ标记的表格标识符后，若字典中不存在能够被所述图片标识符Ⅰ标记的表格标识符，则将所述返回信息放入到等待队列中；

解除模块，用于响应用户在显示屏上的操作，将字典中的用图片标识符Ⅱ标记的表格标识符解除标记，同时，将用所述图片标识符Ⅱ标记的进度条解除标记，且将该解除标记的进度条的当前进度累加值归为零；

选定模块，用于选定一个已解除标记的表格标识符，在所述字典中用等待队列中的所述返回信息中的图片标识符Ⅰ标记选定的表格标识符，同时在该选定的表格标识符对应的单元格中选定一个已解除标记的进度条，在所述字典中用等待队列中的所述返回信息中的图片标识符Ⅰ标记该选定的进度条。

本发明实施例，通过解除模块，可以响应用户的滑动操作，解除相应表格标识符和进度条的标记；通过选定模块可以为等待队列中的返回信息选定相应的表格标识符和进度条，因此，可以使单元格中显示出的图片及图片的进度累加值及时发生变化，使用户看到相应图片上传或下载的进度，而且能够提高显示出的图片及上传或下载的进度的准确性，改善用户的体验。

如图7所示的图片批量上传或下载的进度显示装置，其还包括:

删除模块，用于所述用等待队列中的所述返回信息中的图片标识符Ⅰ标记选定的表格标识符之后，删除所述等待队列中的该返回信息，并筛选所述等待队列中的其他返回信息中的图片标识符，根据筛选出的其他返回信息中的图片标识符和该返回信息中的图片标识符Ⅰ，判断是否存在类似返回信息；所述类似返回信息是指其中的图片标识符与该返回信息中的图片标识符Ⅰ相同的其他返回信息；

累加模块，还用于如果等待队列中包含类似返回信息，则将类似返回信息中的进度子值累加到用该图片标识符Ⅰ标记的进度条中，得到该进度条的当前进度累加值；同时，删除所述等待队列中的所述类似返回信息。

通常，所述图片批量上传或下载的进度显示装置，还可以包括：

记录模块，用于将该解除标记的进度条的当前进度累加值归为零之前，记录该进度条的当前进度累加值，并将记录的当前进度累加值与其相对应的图片标识符形成记录信息；

所述放入模块，还用于将所述记录信息放入到所述等待队列中。

如图8所示的图片批量上传或下载的进度显示装置，其还可以包括：

比较模块，用于所述得到所述进度条的当前进度累加值之后，将所述进度累加值与预设进度值相比较；

所述刷新模块，还用于如果所述进度累加值等于预设进度值，则在刷新页面后，在移动端的显示屏中的单元格中显示与所述图片标识符Ⅰ相对应的图片上传或下载完成。

以上所述，仅为本发明的实施例，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以所述权利要求的保护范围为准。

Claims (10)

1.一种图片批量上传或下载的进度显示方法，其特征在于，包括以下步骤：

基于每个图片对应的至少一个小包，将每个图片进行分包上传或下载；

接收小包上传或下载成功后服务器发出的返回信息，所述返回信息包括与该小包相对应的图片的图片标识符Ⅰ和与该小包相对应的进度子值；

将所述进度子值累加到在字典中用所述图片标识符Ⅰ标记的进度条中，得到所述进度条的当前进度累加值；所述用所述图片标识符Ⅰ标记的进度条，是指在字典中用所述图片标识符Ⅰ标记该进度条的编号或者用所述图片标识符Ⅰ作为该进度条的编号；在字典中至多存在一个用所述图片标识符Ⅰ标记的进度条，且字典中的已被所述图片标识符Ⅰ标记的进度条在解除标记之前不能被其他图片标识符标记；

刷新页面，在移动端的显示屏中的单元格中显示与所述图片标识符Ⅰ相对应的图片及所述当前进度累加值；其中，所述移动端的显示屏中的单元格与所述字典中的表格标识符一一对应，且用于显示与所述图片标识符Ⅰ相对应的图片的单元格的表格标识符是所述字典中用所述图片标识符Ⅰ标记的表格标识符。

2.根据权利要求1所述的图片批量上传或下载的进度显示方法，其特征在于，在所述接收小包上传或下载成功后服务器发出的返回信息之后，且将所述进度子值累加到用所述图片标识符Ⅰ标记的进度条中之前，还包括：

根据所述返回信息中的图片标识符Ⅰ，判断字典中是否存在用所述图片标识符Ⅰ标记的表格标识符；

如果字典中存在用所述图片标识符Ⅰ标记的表格标识符，则根据所述图片标识符Ⅰ和该表格标识符在字典中查找包含所述图片标识符Ⅰ的进度条编号，并根据包含所述图片标识符Ⅰ的进度条编号调取相对应的进度条；

如果字典中不存在用所述图片标识符Ⅰ标记的表格标识符，则判断字典中是否存在能够被所述图片标识符Ⅰ标记的表格标识符；若字典中存在能够被所述图片标识符Ⅰ标记的表格标识符，则选定一个可以被所述图片标识符Ⅰ标记的表格标识符，并在所述字典中用所述图片标识符Ⅰ标记选定的表格标识符，同时在该选定的表格标识符对应的单元格中选定一个没被其他图片标识符标记的进度条，并在所述字典中用该图片标识符Ⅰ标记该选定的进度条。

3.根据权利要求2所述的图片批量上传或下载的进度显示方法，其特征在于，还包括：

所述判断字典中是否存在能够被所述图片标识符Ⅰ标记的表格标识符后，若字典中不存在能够被所述图片标识符Ⅰ标记的表格标识符，则将所述返回信息放入到等待队列中；

响应用户在显示屏上的操作，将字典中的用图片标识符Ⅱ标记的表格标识符解除标记，同时，将用所述图片标识符Ⅱ标记的进度条解除标记，且将该解除标记的进度条的当前进度累加值归为零；

选定一个已解除标记的表格标识符，在所述字典中用等待队列中的所述返回信息中的图片标识符Ⅰ标记选定的表格标识符，同时在该选定的表格标识符对应的单元格中选定一个已解除标记的进度条，在所述字典中用等待队列中的所述返回信息中的图片标识符Ⅰ标记该选定的进度条。

4.根据权利要求3所述的图片批量上传或下载的进度显示方法，其特征在于，还包括：

所述用等待队列中的所述返回信息中的图片标识符Ⅰ标记选定的表格标识符之后，删除所述等待队列中的该返回信息，并筛选所述等待队列中的其他返回信息中的图片标识符，根据筛选出的其他返回信息中的图片标识符和该返回信息中的图片标识符Ⅰ，判断是否存在类似返回信息；所述类似返回信息是指其中的图片标识符与该返回信息中的图片标识符Ⅰ相同的其他返回信息；

如果等待队列中包含类似返回信息，则将类似返回信息中的进度子值累加到用该图片标识符Ⅰ标记的进度条中，得到该进度条的当前进度累加值；同时，删除所述等待队列中的所述类似返回信息。

5.根据权利要求1所述的图片批量上传或下载的进度显示方法，其特征在于，还包括：

所述得到所述进度条的当前进度累加值之后，还包括：将所述进度累加值与预设进度值相比较；

如果所述进度累加值等于预设进度值，则在刷新页面后，在移动端的显示屏中的单元格中显示与所述图片标识符Ⅰ相对应的图片上传或下载完成。

6.一种图片批量上传或下载的进度显示装置，其特征在于，其包括：

传送模块，用于基于每个图片对应的至少一个小包，将每个图片进行分包上传或下载；

接收模块，用于接收小包上传或下载成功后服务器发出的返回信息，所述返回信息包括与该小包相对应的图片的图片标识符Ⅰ和与该小包相对应的进度子值；

累加模块，用于将所述进度子值累加到在字典中用所述图片标识符Ⅰ标记的进度条中，得到所述进度条的当前进度累加值；所述用所述图片标识符Ⅰ标记的进度条，是指在字典中用所述图片标识符Ⅰ标记该进度条的编号或者用所述图片标识符Ⅰ作为该进度条的编号；在字典中至多存在一个用所述图片标识符Ⅰ标记的进度条，且字典中的已被所述图片标识符Ⅰ标记的进度条在解除标记之前不能被其他图片标识符标记；

刷新模块，用于刷新页面，在移动端的显示屏中的单元格中显示与所述图片标识符Ⅰ相对应的图片及所述当前进度累加值；其中，所述移动端的显示屏中的单元格与所述字典中的表格标识符一一对应，且用于显示与所述图片标识符Ⅰ相对应的图片的单元格的表格标识符是所述字典中用所述图片标识符Ⅰ标记的表格标识符。

7.根据权利要求6所述的图片批量上传或下载的进度显示装置，其特征在于，还包括：

判断模块，用于在所述接收小包上传或下载成功后服务器发出的返回信息之后，且将所述进度子值累加到用所述图片标识符Ⅰ标记的进度条中之前，根据所述返回信息中的图片标识符Ⅰ，判断字典中是否存在用所述图片标识符Ⅰ标记的表格标识符；

调取模块，用于如果字典中存在用所述图片标识符Ⅰ标记的表格标识符，则根据所述图片标识符Ⅰ和该表格标识符在字典中查找包含所述图片标识符Ⅰ的进度条编号，并根据包含所述图片标识符Ⅰ的进度条编号调取相对应的进度条；

所述判断模块，还用于如果字典中不存在用所述图片标识符Ⅰ标记的表格标识符，则判断字典中是否存在能够被所述图片标识符Ⅰ标记的表格标识符；若字典中存在能够被所述图片标识符Ⅰ标记的表格标识符，则选定一个可以被所述图片标识符Ⅰ标记的表格标识符，并在所述字典中用所述图片标识符Ⅰ标记选定的表格标识符，同时在该选定的表格标识符对应的单元格中选定一个没被其他图片标识符标记的进度条，并在所述字典中用该图片标识符Ⅰ标记该选定的进度条。

8.根据权利要求7所述的图片批量上传或下载的进度显示装置，其特征在于，还包括：

放入模块，用于所述判断字典中是否存在能够被所述图片标识符Ⅰ标记的表格标识符后，若字典中不存在能够被所述图片标识符Ⅰ标记的表格标识符，则将所述返回信息放入到等待队列中；

解除模块，用于响应用户在显示屏上的操作，将字典中的用图片标识符Ⅱ标记的表格标识符解除标记，同时，将用所述图片标识符Ⅱ标记的进度条解除标记，且将该解除标记的进度条的当前进度累加值归为零；

选定模块，用于选定一个已解除标记的表格标识符，在所述字典中用等待队列中的所述返回信息中的图片标识符Ⅰ标记选定的表格标识符，同时在该选定的表格标识符对应的单元格中选定一个已解除标记的进度条，在所述字典中用等待队列中的所述返回信息中的图片标识符Ⅰ标记该选定的进度条。

9.根据权利要求8所述的图片批量上传或下载的进度显示装置，其特征在于，还包括：

删除模块，用于所述用等待队列中的所述返回信息中的图片标识符Ⅰ标记选定的表格标识符之后，删除所述等待队列中的该返回信息，并筛选所述等待队列中的其他返回信息中的图片标识符，根据筛选出的其他返回信息中的图片标识符和该返回信息中的图片标识符Ⅰ，判断是否存在类似返回信息；所述类似返回信息是指其中的图片标识符与该返回信息中的图片标识符Ⅰ相同的其他返回信息；

累加模块，还用于如果等待队列中包含类似返回信息，则将类似返回信息中的进度子值累加到用该图片标识符Ⅰ标记的进度条中，得到该进度条的当前进度累加值；同时，删除所述等待队列中的所述类似返回信息。

10.根据权利要求6所述的图片批量上传或下载的进度显示装置，其特征在于，还包括：

比较模块，用于所述得到所述进度条的当前进度累加值之后，将所述进度累加值与预设进度值相比较；

所述刷新模块，还用于如果所述进度累加值等于预设进度值，则在刷新页面后，在移动端的显示屏中的单元格中显示与所述图片标识符Ⅰ相对应的图片上传或下载完成。