CN111125571B

CN111125571B - Picture display method and device

Info

Publication number: CN111125571B
Application number: CN201811185450.7A
Authority: CN
Inventors: 李韩英; 蒋文飞; 潘子豪; 孙承华; 冯广欣
Original assignee: Hangzhou Haikang Storage Technology Co ltd
Current assignee: Hangzhou Haikang Storage Technology Co ltd
Priority date: 2018-10-11
Filing date: 2018-10-11
Publication date: 2024-02-20
Anticipated expiration: 2038-10-11
Also published as: CN111125571A

Abstract

The invention discloses a picture display method and device, and belongs to the technical field of Internet. The method comprises the following steps: displaying a waterfall flow frame according to the waterfall flow picture frame data, wherein the waterfall flow frame comprises occupation positions of each picture to be displayed; acquiring a first thumbnail corresponding to each target picture to be displayed; a respective first thumbnail is displayed on each of the footprints of the waterfall flow frame. According to the method, the frame data of the waterfall flow sheet are obtained, the occupation space of each picture to be displayed is displayed, and then the first thumbnail is displayed on the occupation map, so that the display of the waterfall flow page is completed. Because the data size of the first thumbnail is smaller than that of the original image, the image display speed is improved, especially when the original image is not stored locally, the data size interacted with the server is greatly reduced, the phenomenon of white screen is avoided, and the image display effect is improved.

Description

Picture display method and device

Technical Field

The invention relates to the technical field of internet, in particular to a picture display method and device.

Background

With the development of internet technology, various private network disks have been developed in order to meet the storage demands of users for a large number of pictures. The private network disk storage is large, typically a few TBs (Trillionbyte) or even a few tens of TBs. In the actual use process, the terminal can backup the locally stored pictures in the private network disk, and can transfer the local pictures to the private network disk when the local storage space is full.

In general, the private network disk is a remote server for data storage, and in the application scene of the private network disk, taking a waterfall flow mode as an example, when the prior art displays pictures, the following method is mainly adopted: when a display instruction of a waterfall flow page is received, inquiring whether an original image of a picture to be displayed in the waterfall flow page is locally stored; if the original image of the picture to be displayed is stored locally, obtaining the original image of the picture to be displayed from the local, and if the original image of the picture to be displayed is not stored locally, obtaining the original image of the picture to be displayed from a server; and displaying the acquired original image on the corresponding position of the waterfall flow page to finish the display of the waterfall flow page.

In carrying out the invention, the inventors have found that the prior art has at least the following problems:

because the number of pictures to be displayed on the waterfall flow page is large, and the original image data amount of each picture to be displayed is large, the rendering speed of the waterfall flow page is low, and particularly when the original images of the pictures to be displayed are not stored locally and need to be acquired from a server, the problem is more remarkable, and even a white screen phenomenon can occur.

Disclosure of Invention

In order to improve the picture display effect in a waterfall stream page, the embodiment of the invention provides a picture display method and device. The technical scheme is as follows:

In one aspect, a method for displaying a picture is provided, the method including:

when a display instruction of a waterfall flow page is received, acquiring frame data of a waterfall flow picture;

displaying a waterfall flow frame according to the waterfall flow picture frame data, wherein the waterfall flow frame comprises occupation positions of each picture to be displayed;

acquiring a first thumbnail corresponding to each target picture to be displayed, wherein the data size of the first thumbnail is smaller than that of the original picture;

and displaying a corresponding first thumbnail on each occupation in the waterfall flow frame so as to finish the display of the waterfall flow page.

In another embodiment of the present invention, the acquiring the waterfall flow picture frame data includes:

when the waterfall flow picture frame data is stored locally, the waterfall flow picture frame data is obtained locally; and/or the number of the groups of groups,

and when the waterfall flow picture frame data is not stored locally, acquiring the waterfall flow picture frame data from a server.

In another embodiment of the present invention, after the locally acquiring the waterfall picture frame data, the method further includes:

acquiring a version number of the waterfall flow picture frame data stored on the server;

Comparing the version number of the locally stored waterfall stream picture frame data with the version number of the waterfall stream picture frame data acquired from the server;

if the version numbers are consistent, executing the step of displaying the waterfall flow frame according to the waterfall flow picture frame data;

and if the version numbers are inconsistent, updating the locally stored waterfall stream picture frame data.

In another embodiment of the present invention, the obtaining a first thumbnail corresponding to each target picture to be displayed includes:

determining upper and lower pages of the current waterfall flow page according to the current waterfall flow page;

acquiring picture information data of each target picture to be displayed in the current waterfall flow page and upper and lower pages of the current waterfall flow page;

and acquiring a first thumbnail corresponding to each target picture to be displayed according to the picture information data of each target picture to be displayed.

In another embodiment of the present invention, the determining, according to the current waterfall flow page, an upper page and a lower page of the current waterfall flow page includes:

determining the position of a current waterfall flow page in the waterfall flow frame;

the method comprises the steps of taking the position of a first picture in a current waterfall flow page in a waterfall flow frame as a starting point, and obtaining the front preset number of pages of the current waterfall flow page by increasing the number of pictures of a preset number of screens forwards;

And taking the position of the last picture in the current waterfall flow page in the waterfall flow frame as a starting point, and obtaining the pages with the rear preset number of the current waterfall flow page by adding the number of the pictures with the preset number of screens backwards.

In another embodiment of the present invention, the obtaining the picture information data of each target picture to be displayed in the current waterfall page and the upper and lower pages thereof includes:

when the image information data of the image to be displayed of each target in the current waterfall flow page and the upper and lower pages thereof are locally stored, the image information data of the image to be displayed of each target in the current waterfall flow page and the upper and lower pages thereof are locally obtained; and/or the number of the groups of groups,

when the picture information data of the pictures to be displayed of each target in the current waterfall flow page and the upper and lower pages thereof are not stored locally, the picture information data of the pictures to be displayed of each target in the current waterfall flow page and the upper and lower pages thereof are obtained from the server.

In another embodiment of the present invention, the obtaining, according to the picture information data of each target picture to be displayed, a first thumbnail corresponding to each target picture to be displayed includes:

when a first thumbnail corresponding to each target picture to be displayed is stored locally, the first thumbnail corresponding to each target picture to be displayed is obtained locally; and/or the number of the groups of groups,

When the first thumbnail corresponding to each target picture to be displayed is not stored locally, picture information data of each target picture to be displayed is converted into a first URL (Uniform Resource Locator ), and the first thumbnail corresponding to each target picture to be displayed is obtained from the server based on the first URL of each target picture.

In another embodiment of the present invention, after displaying the corresponding first thumbnail on each occupation of the waterfall flow frame to complete the displaying of the waterfall flow page, the method further includes:

when a clicking operation on any one first thumbnail is detected, displaying a second thumbnail corresponding to the first thumbnail, wherein the size and the data size of the first thumbnail are smaller than those of the second thumbnail.

In another embodiment of the present invention, the displaying the second thumbnail corresponding to the first thumbnail includes:

when a second thumbnail corresponding to the first thumbnail is locally stored, the second thumbnail corresponding to the first thumbnail is locally obtained, and the second thumbnail is displayed; and/or the number of the groups of groups,

and when a second thumbnail corresponding to the first thumbnail is not stored locally, converting the picture information data corresponding to the first thumbnail into a second Uniform Resource Locator (URL), acquiring the second thumbnail from a server based on the second URL, and displaying the second thumbnail.

In another embodiment of the present invention, after the displaying the second thumbnail corresponding to the first thumbnail, the method further includes:

and when the clicking operation of the original image viewing option on the second thumbnail is detected, displaying the original image corresponding to the second thumbnail, wherein the data volume of the second thumbnail is smaller than that of the original image.

In another embodiment of the present invention, the displaying the original image corresponding to the second thumbnail includes:

when the original image corresponding to the second thumbnail is locally stored, obtaining the original image corresponding to the second thumbnail from the local and displaying the original image; and/or the number of the groups of groups,

and when the original image corresponding to the second thumbnail is not stored locally, converting the picture information data corresponding to the second thumbnail into a third Uniform Resource Locator (URL), acquiring the original image from a server based on the third URL, and displaying the original image.

In another aspect, there is provided a picture display device, the device including:

the acquisition module is used for acquiring the frame data of the waterfall flow picture when receiving a display instruction of the waterfall flow page;

the display module is used for displaying a waterfall flow frame according to the waterfall flow picture frame data, and the waterfall flow frame comprises occupation positions of each picture to be displayed;

The acquisition module is used for acquiring a first thumbnail corresponding to each target image, and the data size of the first thumbnail is smaller than that of the original image;

the display module is used for displaying corresponding first thumbnails on each occupation of the waterfall flow frame so as to finish the display of the waterfall flow page.

In another embodiment of the present invention, the obtaining module is configured to obtain the waterfall stream picture frame data from the local when the waterfall stream picture frame data is stored locally; and/or the number of the groups of groups,

the acquisition module is used for acquiring the waterfall flow picture frame data from a server when the waterfall flow picture frame data are not stored locally.

In another embodiment of the present invention, the apparatus further comprises:

the acquisition module is used for acquiring the version number of the waterfall flow picture frame data stored on the server;

the comparison module is used for comparing the version number of the locally stored waterfall flow picture frame data with the version number of the waterfall flow picture frame data acquired from the server;

the display module is used for displaying the waterfall flow frame according to the waterfall flow picture frame data if the version numbers are consistent;

And the updating module is used for updating the locally stored waterfall picture frame data if the version numbers are inconsistent.

In another embodiment of the present invention, the obtaining module is configured to determine an upper page and a lower page of the current waterfall page according to the current waterfall page; acquiring picture information data of each target picture to be displayed in the current waterfall flow page and upper and lower pages of the current waterfall flow page; and acquiring a first thumbnail corresponding to each target picture to be displayed according to the picture information data of each target picture to be displayed.

In another embodiment of the present invention, the determining module is configured to determine a position of a current waterfall page in the waterfall frame; the method comprises the steps of taking the position of a first picture in a current waterfall flow page in a waterfall flow frame as a starting point, and obtaining the front preset number of pages of the current waterfall flow page by increasing the number of pictures of a preset number of screens forwards; and taking the position of the last picture in the current waterfall flow page in the waterfall flow frame as a starting point, and obtaining the pages with the rear preset number of the current waterfall flow page by adding the number of the pictures with the preset number of screens backwards.

In another embodiment of the present invention, the obtaining module is configured to obtain, when the current waterfall page and the picture information data of each target picture to be displayed in the upper and lower pages thereof are locally stored, the picture information data of each target picture to be displayed in the current waterfall page and the upper and lower pages thereof from the local; and/or the number of the groups of groups,

The acquisition module is used for acquiring the picture information data of the pictures to be displayed of each target in the current waterfall page and the upper and lower pages thereof from the server when the picture information data of the pictures to be displayed of each target in the current waterfall page and the upper and lower pages thereof are not stored locally.

In another embodiment of the present invention, the obtaining module is configured to obtain, when a first thumbnail corresponding to each target picture to be displayed is locally stored, the first thumbnail corresponding to each target picture to be displayed from the local; and/or the number of the groups of groups,

the acquisition module is used for converting the picture information data of each target picture to be displayed into a first Uniform Resource Locator (URL) when the first thumbnail corresponding to each target picture to be displayed is not stored locally, and acquiring the first thumbnail corresponding to each target picture to be displayed from the server based on the first URL of each target picture to be displayed.

In another embodiment of the present invention, the display module is configured to display a second thumbnail corresponding to a first thumbnail when a click operation on any one of the first thumbnails is detected, where the size and the data size of the first thumbnail are smaller than those of the second thumbnail.

In another embodiment of the present invention, the display module is configured to, when a second thumbnail corresponding to the first thumbnail is locally stored, obtain, from the local, the second thumbnail corresponding to the first thumbnail, and display the second thumbnail; and/or the number of the groups of groups,

the display module is used for converting the picture information data corresponding to the first thumbnail into a second Uniform Resource Locator (URL) when a second thumbnail corresponding to the first thumbnail is not stored locally, acquiring the second thumbnail from a server based on the second URL, and displaying the second thumbnail.

In another embodiment of the present invention, the display module is configured to display an artwork corresponding to the second thumbnail when a click operation on an artwork viewing option on the second thumbnail is detected, where an amount of data of the second thumbnail is smaller than the artwork.

In another embodiment of the present invention, the display module is configured to obtain, when the original image corresponding to the second thumbnail is locally stored, the original image corresponding to the second thumbnail from the local, and display the original image; and/or the number of the groups of groups,

and the display module is used for converting the picture information data corresponding to the second thumbnail into a third Uniform Resource Locator (URL) when the original picture corresponding to the second thumbnail is not stored locally, acquiring the original picture from a server based on the third URL, and displaying the original picture.

In another aspect, a terminal is provided that includes a processor and a memory having at least one instruction stored therein, the at least one instruction loaded and executed by the processor to implement a picture display method.

Another aspect provides a computer-readable storage medium having stored therein at least one instruction that is loaded and executed by a processor to implement a picture display method.

The technical scheme provided by the embodiment of the invention has the beneficial effects that:

and acquiring the frame data of the waterfall flow sheet, displaying the occupation map of each picture to be displayed, and further displaying a first thumbnail on the occupation map to finish the display of the waterfall flow page. Because the data size of the first thumbnail is smaller than that of the original image, the image display speed is improved, especially when the original image is not stored locally, the data size interacted with the server is greatly reduced, the phenomenon of white screen is avoided, and the image display effect is improved.

Drawings

In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings required for the description of the embodiments will be briefly described below, and it is apparent that the drawings in the following description are only some embodiments of the present invention, and other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.

Fig. 1 is an implementation environment related to a picture display method provided by an embodiment of the present invention;

FIG. 2 is an overall architecture diagram of a client provided by an embodiment of the present invention;

FIG. 3 is a schematic diagram of a data hierarchy provided by an embodiment of the present invention;

fig. 4 is a data interaction diagram between a terminal and a server according to an embodiment of the present invention;

fig. 5 is a flowchart of a picture display method according to an embodiment of the present invention;

fig. 6 is a flowchart of a picture display method according to an embodiment of the present invention;

fig. 7 is a schematic diagram of a picture display effect provided by an embodiment of the present invention;

FIG. 8 is a flow chart of a waterfall page display provided by an embodiment of the present invention;

fig. 9 is a schematic diagram of a picture display effect provided by an embodiment of the present invention;

fig. 10 is a schematic diagram of a picture display effect provided by an embodiment of the present invention;

fig. 11 is a schematic diagram of a picture display effect provided by an embodiment of the present invention;

FIG. 12 is a flow chart of a picture preview provided by an embodiment of the present invention;

fig. 13 is a schematic structural diagram of a picture display device according to an embodiment of the present invention;

fig. 14 is a block diagram showing the structure of a picture display terminal according to an exemplary embodiment of the present invention.

Detailed Description

For the purpose of making the objects, technical solutions and advantages of the present invention more apparent, the embodiments of the present invention will be described in further detail with reference to the accompanying drawings.

Before executing the embodiments of the present invention, the terms related to the embodiments of the present invention will be explained first.

Thumbnail: and (5) obtaining a small picture after the picture is processed in a compression mode.

Local caching: the memory space for storing data is applied by the client.

URL: the address of a standard resource on the internet is a compact representation of the location and access method of the resource available on the internet.

Referring to fig. 1, an implementation environment related to a picture display method provided by an embodiment of the present invention is shown, and referring to fig. 1, the implementation environment includes: a terminal 101 and a server 102.

The terminal 101 may be a smart phone, a tablet computer, a notebook computer, etc., and the embodiment of the present invention does not specifically limit the product type of the terminal 101. The terminal 101 is installed with a private network disk application, and can interact with the server 102 based on the installed private network disk application.

The server 102 is a background server of the private network disk application, and the server 102 has a data storage function, can store a large amount of picture data, documents, audio and video data and the like, and can provide services for users based on the private network disk application.

Fig. 2 is an overall architecture diagram of a client of a private network disk application installed in a terminal, and referring to fig. 2, the client includes a UI (User Interface) presentation layer and an underlying processing layer.

The UI display layer is used for displaying the picture waterfall flow, the downslide display of the picture in the waterfall flow, the display of the thumbnail, the display of the high-definition original image and the like.

The processing layer is used for establishing connection with a network, locally caching pictures, processing the pictures, and other functions.

Referring to fig. 3, in the embodiment of the present invention, the picture data of the client may be divided into three layers, namely, a frame layer, an information layer and a picture layer.

The frame layer comprises waterfall flow picture frame data and the like, wherein the waterfall flow picture frame data comprises the total number of pictures at a server side, picture groups divided according to dates, the number information of the pictures in the picture groups and the like. The frame layer is used for displaying the waterfall stream frames of the pictures ordered according to the date groups according to the waterfall stream picture frame data by the client.

The information layer comprises picture information data of pictures corresponding to the waterfall picture frame data, the picture information data comprises URL information of the pictures and the like, and the URL information is used for indicating picture names, picture types, storage position information of the pictures in the server and the like. The information layer is used for the client to acquire the picture.

The picture layer includes a small thumbnail, a large thumbnail, an original, and the like. The size of the small thumbnail is smaller than that of the large thumbnail, the data size of the small thumbnail is also smaller than that of the large thumbnail, the size of the large thumbnail is the same as that of the original, and the data size of the large thumbnail is smaller than that of the original. When in actual display, the small thumbnail is used for displaying pictures flowing down in the waterfall; the large thumbnail is used for viewing a single picture when a user clicks on a small thumbnail; the original image is used for meeting the viewing requirement of a user on the high-definition picture.

Fig. 4 shows a data interaction flow between a terminal and a server in the image display method provided by the embodiment of the invention, referring to fig. 4, when an image is displayed in a waterfall stream mode, the terminal may obtain waterfall stream image frame data from the server, the server returns the waterfall stream image frame data to the client, and after receiving the waterfall stream image frame data, the client locally caches the waterfall stream image frame data. The client can also acquire the picture information data from the server, the server returns the picture information data to the client, and after receiving the picture information data, the terminal locally caches the picture information data. The client can also acquire the picture from the server, the server returns the picture to the client, and when the picture returned by the server is received, the client locally caches the received picture and displays the received picture.

The embodiment of the invention provides a picture display method, referring to fig. 5, the method provided by the embodiment of the invention comprises the following steps:

501. and when a display instruction of the waterfall flow page is received, acquiring the frame data of the waterfall flow sheet.

502. And displaying the waterfall flow frame according to the waterfall flow picture frame data.

The waterfall flow frame comprises occupation spaces of each picture to be displayed.

503. And acquiring a first thumbnail corresponding to each target picture.

Wherein the data volume of the first thumbnail is smaller than the data volume of the original image.

504. And displaying a corresponding first thumbnail on each occupation of the waterfall flow frame to finish the display of the waterfall flow page.

According to the method provided by the embodiment of the invention, the frame data of the waterfall flow sheet is obtained, the occupation map of each picture to be displayed is displayed, and then the first thumbnail is displayed on the occupation map, so that the display of the waterfall flow page is completed. Because the data size of the first thumbnail is smaller than that of the original image, the image display speed is improved, especially when the original image is not stored locally, the data size interacted with the server is greatly reduced, the phenomenon of white screen is avoided, and the image display effect is improved.

In another embodiment of the present invention, acquiring waterfall flow picture frame data includes:

when the frame data of the waterfall flow picture is stored locally, the frame data of the waterfall flow picture is obtained locally; and/or the number of the groups of groups,

and when the waterfall flow picture frame data is not stored locally, acquiring the waterfall flow picture frame data from the server.

In another embodiment of the present invention, after locally acquiring the waterfall stream picture frame data, the method further includes:

In another embodiment of the present invention, obtaining a first thumbnail corresponding to each target picture to be displayed includes:

acquiring picture information data of each target picture to be displayed in a current waterfall flow page and upper and lower pages of the current waterfall flow page;

In another embodiment of the present invention, determining upper and lower pages of a current waterfall stream page according to the current waterfall stream page includes:

determining the position of a current waterfall flow page in a waterfall flow frame;

In another embodiment of the present invention, obtaining picture information data of each target picture to be displayed in a current waterfall page and its upper and lower pages includes:

when the current waterfall flow page and the picture information data of each target picture to be displayed in the upper and lower pages thereof are locally stored, the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof are locally obtained; and/or the number of the groups of groups,

In another embodiment of the present invention, according to picture information data of each target picture to be displayed, obtaining a first thumbnail corresponding to each target picture includes:

When the first thumbnail corresponding to each target picture to be displayed is not stored locally, picture information data of each target picture is converted into a first uniform resource locator URL, and the first thumbnail corresponding to each target picture to be displayed is obtained from the server based on the first URL of each target picture to be displayed.

when a clicking operation on any one of the first thumbnails is detected, displaying a second thumbnail corresponding to the first thumbnail, wherein the size and the data size of the first thumbnail are smaller than those of the second thumbnail.

In another embodiment of the present invention, displaying a second thumbnail corresponding to the first thumbnail includes:

when a second thumbnail corresponding to the first thumbnail is not stored locally, converting the picture information data corresponding to the first thumbnail into a second Uniform Resource Locator (URL), acquiring the second thumbnail from the server based on the second URL, and displaying the second thumbnail.

In another embodiment of the present invention, after displaying the second thumbnail corresponding to the first thumbnail, the method further includes:

In another embodiment of the present invention, displaying the original corresponding to the second thumbnail includes:

and when the original image corresponding to the second thumbnail is not stored locally, converting the picture information data corresponding to the second thumbnail into a third Uniform Resource Locator (URL), acquiring the original image from the server based on the third URL, and displaying the original image.

Any combination of the above optional solutions may be adopted to form an optional embodiment of the present invention, which is not described herein.

The embodiment of the invention provides a picture display method, referring to fig. 6, the method provided by the embodiment of the invention comprises the following steps:

601. when a display instruction of a waterfall flow page is received, the terminal acquires the frame data of the waterfall flow sheet.

The waterfall stream frame data comprises the total number of pictures at the server side, picture groups divided according to dates, the number information of the pictures in the picture groups and the like. When the terminal acquires the frame data of the waterfall flow picture, the following steps can be adopted:

6011. The terminal inquires whether the waterfall stream picture frame data is locally stored.

When a display instruction for the waterfall flow page is received, the terminal inquires whether the data corresponding to the waterfall flow frame data identification is stored locally according to the waterfall flow frame data identification, if so, step 6012 is executed, and if not, step 6013 is executed.

6012. When the frame data of the waterfall flow picture is stored locally, the terminal obtains the frame data of the waterfall flow picture locally.

When the fact that the waterfall flow picture frame data are stored locally is determined, the terminal can directly acquire the waterfall flow frame data from the current time.

In another embodiment of the present invention, after the terminal obtains the frame data of the waterfall stream picture locally, the terminal will also obtain the version number of the frame data of the waterfall stream picture stored on the server, and compare the version number of the frame data of the waterfall stream picture stored locally with the version number of the frame data of the waterfall stream picture obtained from the server, if the version numbers of the two are identical, execute step 602; if the version numbers are inconsistent, acquiring the frame data of the waterfall flow picture from the server, and updating the frame data of the locally stored waterfall flow picture according to the frame data of the waterfall flow acquired from the server.

6013. When the waterfall flow picture frame data is not stored locally, the terminal acquires the waterfall flow picture frame data from the server.

When the fact that the waterfall flow frame data are not stored locally is determined, the terminal can send a waterfall flow picture frame data acquisition request to the server, the server sends the waterfall flow picture frame data to the terminal after receiving the waterfall flow picture frame data acquisition request, and the terminal receives the waterfall flow picture frame data sent by the server and stores the received waterfall flow picture frame data locally.

602. And the terminal displays the waterfall flow frame according to the waterfall flow picture frame data.

The waterfall flow frame comprises a occupation map of each picture to be displayed. After the frame data of the waterfall flow pictures are obtained, the server can display the waterfall flow frames of the pictures ordered according to the date groups according to the frame data of the waterfall flow pictures, and the position of each picture to be displayed is represented in a mode of occupying a bitmap.

603. And the terminal determines upper and lower pages of the current waterfall flow page according to the current waterfall flow page.

When the terminal determines the upper page and the lower page of the current waterfall page according to the current waterfall page, the position of the current waterfall page in the waterfall frame can be determined first, the position of the first picture in the current waterfall page in the waterfall frame is taken as the starting point, the front preset number of pages of the current waterfall page is obtained by increasing the number of pictures of the preset number of screens forwards, and meanwhile, the position of the last picture in the current waterfall page in the waterfall frame is taken as the starting point, and the back preset number of pages of the current waterfall page is obtained by increasing the number of pictures of the preset number of screens backwards. The preset number may be determined by the processing capability of the terminal, and the preset number may be 1, 2, 3, etc., which is not specifically limited in the embodiment of the present invention.

604. The terminal acquires the picture information data of each target picture to be displayed in the current waterfall stream page and the upper and lower pages of the current waterfall stream page.

The picture information data includes a picture name, a picture type, storage position information of a picture in the server, and the like. The target picture to be displayed can be the picture to be displayed included in the current waterfall flow page and the upper page and the lower page thereof. When the terminal acquires the picture information data of each target picture to be displayed in the current waterfall page and the upper and lower pages thereof, the terminal can inquire whether the picture information data of each target picture to be displayed in the current waterfall page and the upper and lower pages thereof are stored locally one by one from the initial picture in the current waterfall page and the upper and lower pages thereof, and when the picture information data of each target picture to be displayed in the current waterfall page and the upper and lower pages thereof are stored locally, the terminal acquires the picture information data of each target picture to be displayed in the current waterfall page and the upper and lower pages thereof from the local; when the current waterfall page and the picture information data of each target picture to be displayed in the upper page and the lower page thereof are not stored locally, the terminal sends an acquisition request for the picture information data of the target picture to be displayed to the server, when the acquisition request is received, the server sends the picture information data of the target picture to be displayed to the terminal, and the terminal receives the picture information data of the target picture to be displayed sent by the server, so that the current waterfall page and the picture information data of each target picture to be displayed in the upper page and the lower page thereof are acquired from the server.

It should be noted that, in the steps 603 to 604, the target to-be-displayed picture is taken as an example of the current waterfall page and the pictures to be displayed included in the upper page and the lower page thereof, and in practice, the target to-be-displayed picture may also be the pictures to be displayed included in all the waterfall pages in the waterfall frame. Regardless of which pictures the target to be displayed indicates, step 605 may be employed to obtain its corresponding first thumbnail.

605. And the terminal acquires a first thumbnail corresponding to each target picture to be displayed according to the picture information data of each target picture to be displayed.

The data size of the first thumbnail is smaller than that of the original image, and in the embodiment of the invention, the first thumbnail can be a small thumbnail. The terminal obtains a first thumbnail corresponding to each target picture to be displayed according to the picture information data of each target picture to be displayed, and the following method can be adopted: the terminal inquires whether a first thumbnail corresponding to each target picture to be displayed is locally stored or not according to picture information data of each target picture to be displayed, and when the first thumbnail corresponding to each target picture to be displayed is locally stored, the terminal locally acquires the first thumbnail corresponding to each target picture to be displayed; when the first thumbnail corresponding to each target picture to be displayed is not stored locally, the terminal converts the picture information data of each target picture to be displayed into a first URL, and acquires the first thumbnail corresponding to each target picture to be displayed from the server based on the first URL of each target picture to be displayed. Taking any target picture to be displayed as an example, when the terminal converts the picture information of the target picture to be displayed into a first URL, the terminal can acquire information such as a picture name, a picture type, storage position information of the picture in the server and the like from the picture information of the target picture to be displayed, and adds the acquired information to the corresponding position of the URL to obtain the first URL, and the first URL acquires a first thumbnail of the target picture to be displayed stored in the server.

606. And the terminal displays a corresponding first thumbnail on each occupation of the waterfall flow frame so as to finish the display of the waterfall flow page.

After the first thumbnail of each target picture is obtained, the terminal displays the corresponding first thumbnail on each occupation of the waterfall flow frame, so that the display of the waterfall flow page is completed. Fig. 7 is a display effect diagram of the waterfall flow page.

The following describes the display process of the waterfall page by taking fig. 8 as an example.

Referring to fig. 8, when a user needs to browse a large number of pictures in a classified manner, the user performs a trigger operation on a terminal, sends a display instruction of a waterfall stream page to the terminal, and when receiving the display instruction of the waterfall stream page, the terminal inquires whether the local cache stores waterfall stream picture frame data, and measures taken by the terminal are different according to whether the local cache stores the waterfall stream picture frame data. When the frame data of the waterfall flow picture is not stored in the local cache, the terminal can acquire the frame data of the waterfall flow picture from a remote place (comprising a server or other equipment) and store the acquired frame data of the waterfall flow picture into the local cache; when the waterfall flow picture frame data is stored in the local cache, the terminal acquires the waterfall flow picture frame data from the local cache, acquires the version numbers of the waterfall flow picture frame data stored in the server, and updates the waterfall flow picture frame data stored in the local storage according to the waterfall flow picture frame data stored in the server if the version numbers of the waterfall flow picture frame data are different; if the version numbers of the two are the same, the next step is executed. The terminal inquires whether the current waterfall flow page and the picture information data in the upper page and the lower page thereof are stored in the cache, and when the picture information data are stored in the local cache, the terminal acquires the picture information data of each picture in the waterfall flow page and the upper page and the lower page thereof from the local cache; when the picture information data is not stored in the local cache, the terminal remotely acquires the picture information data of each picture in the current waterfall page and the upper page and the lower page of the current waterfall page, and stores the acquired picture information data into the local cache. And then, the terminal inquires whether the small thumbnail of each picture is stored in the local buffer memory according to the picture information data of each picture, when the small thumbnail of each picture is stored in the local buffer memory, the terminal acquires the small thumbnail of each picture from the local buffer memory, when the small thumbnail of each picture is not stored in the local buffer memory, the terminal remotely acquires the small thumbnail corresponding to each picture according to the picture information data of each picture, and stores the acquired small thumbnail in the local buffer memory, so that the corresponding small thumbnail is displayed on each occupation picture of the waterfall frame.

607. When a clicking operation on any one of the first thumbnails is detected, the terminal displays a second thumbnail corresponding to the first thumbnail.

The size and the data size of the first thumbnail are smaller than those of the second thumbnail, and in the embodiment of the invention, the second thumbnail can be a large thumbnail. And for the current waterfall flow page, when the clicking operation of any first thumbnail is detected, the terminal displays a second thumbnail corresponding to the first thumbnail.

When the terminal displays the second thumbnail corresponding to the first thumbnail, the following manner can be adopted: the terminal inquires whether a second thumbnail corresponding to the first thumbnail is stored locally or not, and when the second thumbnail corresponding to the first thumbnail is stored locally, the terminal obtains the second thumbnail corresponding to the first thumbnail from the local and displays the second thumbnail; when a second thumbnail corresponding to the first thumbnail is not stored locally, the terminal converts the picture information data corresponding to the first thumbnail into a second URL, acquires the second thumbnail from the server based on the second URL, and displays the second thumbnail. The manner of converting the picture information data corresponding to the first thumbnail into the second URL by the terminal is the same as the manner of converting the picture information data into the first URL, specifically refer to the above steps, and will not be repeated here. Fig. 9 is a current waterfall page, and when a clicking operation of a small thumbnail on the current waterfall page is detected, the terminal displays a large thumbnail corresponding to the small thumbnail, and the display effect of the large thumbnail can be seen in fig. 10.

608. And when the clicking operation of the original image viewing option on the second thumbnail is detected, the terminal displays the original image corresponding to the second thumbnail.

Wherein the data size of the second thumbnail is smaller than the original image. In the embodiment of the invention, in order to meet the requirement of a user for viewing the high-definition original pictures, an original picture viewing option is displayed on the second thumbnail, and when the clicking operation of the original picture viewing option on the second thumbnail is detected, the terminal displays the original pictures corresponding to the second thumbnail.

When the terminal displays the original image corresponding to the second thumbnail, the following manner can be adopted: the terminal inquires whether the original image corresponding to the second thumbnail is stored locally or not, and when the original image corresponding to the second thumbnail is stored locally, the terminal obtains the original image corresponding to the second thumbnail from the local and displays the original image; and when the original image corresponding to the second thumbnail is not stored locally, the terminal converts the picture information data corresponding to the second thumbnail into a third URL, acquires the original image from the server based on the third URL, and displays the original image. Fig. 10 is a large thumbnail corresponding to any small thumbnail on the current waterfall flow page, and when a click operation on an original view option on the large thumbnail is detected, the terminal displays an original corresponding to the large thumbnail, and the display effect of the original can be seen in fig. 11.

For the display process of different pictures in the waterfall stream page, see fig. 12.

In a display scene of a waterfall flow page, the terminal detects whether a small thumbnail corresponding to each picture to be displayed in the current waterfall flow page is stored in a local cache, and when the small thumbnail corresponding to each target picture to be displayed is stored in the local cache, the terminal acquires the small thumbnail corresponding to each target picture to be displayed from the local cache; when the small thumbnails corresponding to each target picture to be displayed are not stored in the local cache, the terminal sends an acquisition request for the small thumbnails to the server, the server sends the requested small thumbnails to the terminal, the terminal stores the acquired small thumbnails in the local cache, and the acquired small thumbnails are displayed on the current waterfall page. When a clicking operation on any small thumbnail is detected, the terminal inquires whether a large thumbnail corresponding to the small thumbnail is stored in the local cache, when the large thumbnail is stored in the local cache, the terminal displays the large thumbnail, when the large thumbnail is not stored in the local cache, the terminal sends an acquisition request for the large thumbnail to the server, the server sends the requested large thumbnail to the terminal, the terminal stores the acquired large thumbnail in the local cache, and the acquired large thumbnail is displayed. When clicking operation of an original image viewing option on the large thumbnail is detected, the terminal inquires whether the original image corresponding to the large thumbnail is stored in the local cache, and when the original image is stored in the local cache, the terminal displays the original image; when the original image corresponding to the large thumbnail is not stored in the local cache, the terminal sends an acquisition request for the original image corresponding to the large thumbnail to the server, the server sends the requested original image to the terminal, the terminal stores the acquired original image in the local cache, and the acquired original image is displayed.

Referring to fig. 13, an embodiment of the present invention provides a picture display device, including:

the acquiring module 1301 is configured to acquire, when a display instruction for a waterfall flow page is received, waterfall flow picture frame data;

the display module 1302 is configured to display a waterfall flow frame according to the waterfall flow sheet frame data, where the waterfall flow frame includes a occupation space of each picture to be displayed;

the obtaining module 1301 is configured to obtain a first thumbnail corresponding to each target picture to be displayed, where the data size of the first thumbnail is smaller than the data size of the original picture;

the display module 1302 is configured to display a corresponding first thumbnail on each occupation of the waterfall flow frame to complete display of a waterfall flow page.

In another embodiment of the present invention, the obtaining module 1301 is configured to obtain the waterfall flow picture frame data from the local when the waterfall flow picture frame data is stored locally; and/or the number of the groups of groups,

the obtaining module 1301 is configured to obtain the waterfall flow sheet frame data from the server when the waterfall flow sheet frame data is not stored locally.

an obtaining module 1301, configured to obtain a version number of the waterfall flow picture frame data stored on the server;

the display module 1302 is configured to display a waterfall flow frame according to the waterfall flow sheet frame data if the version numbers are consistent;

In another embodiment of the present invention, an obtaining module 1301 is configured to determine an upper page and a lower page of a current waterfall page according to the current waterfall page; acquiring picture information data of each target picture to be displayed in a current waterfall flow page and upper and lower pages of the current waterfall flow page; and acquiring a first thumbnail corresponding to each target picture to be displayed according to the picture information data of each target picture to be displayed.

In another embodiment of the present invention, an obtaining module 1301 is configured to determine a position of a current waterfall page in a waterfall frame; the method comprises the steps of taking the position of a first picture in a current waterfall flow page in a waterfall flow frame as a starting point, and obtaining the front preset number of pages of the current waterfall flow page by increasing the number of pictures of a preset number of screens forwards; and taking the position of the last picture in the current waterfall flow page in the waterfall flow frame as a starting point, and obtaining the pages with the rear preset number of the current waterfall flow page by adding the number of the pictures with the preset number of screens backwards.

In another embodiment of the present invention, an obtaining module 1301 is configured to obtain, when the current waterfall page and the picture information data of each target picture to be displayed in the upper and lower pages thereof are locally stored, the picture information data of each target picture to be displayed in the current waterfall page and the upper and lower pages thereof from the local; and/or the number of the groups of groups,

the obtaining module 1301 is configured to obtain, from the server, the picture information data of each target picture to be displayed in the current waterfall page and the upper and lower pages thereof when the picture information data of each target picture to be displayed in the current waterfall page and the upper and lower pages thereof are not stored locally.

In another embodiment of the present invention, an obtaining module 1301 is configured to obtain, when a first thumbnail corresponding to each target picture to be displayed is locally stored, the first thumbnail corresponding to each target picture to be displayed from the local; and/or the number of the groups of groups,

the obtaining module 1301 is configured to convert, when the first thumbnail corresponding to each target picture to be displayed is not stored locally, picture information data of each target picture to be displayed into a first uniform resource locator URL, and obtain, from the server, the first thumbnail corresponding to each target picture to be displayed based on the first URL of each target picture to be displayed.

In another embodiment of the present invention, the display module 1302 is configured to display a second thumbnail corresponding to a first thumbnail when a click operation on any one of the first thumbnails is detected, where the size and the data size of the first thumbnail are smaller than those of the second thumbnail.

In another embodiment of the present invention, the display module 1302 is configured to, when a second thumbnail corresponding to the first thumbnail is locally stored, obtain the second thumbnail corresponding to the first thumbnail from the local and display the second thumbnail; and/or the number of the groups of groups,

the display module 1302 is configured to, when a second thumbnail corresponding to the first thumbnail is not locally stored, convert the picture information data corresponding to the first thumbnail into a second URL, obtain the second thumbnail from the server based on the second URL, and display the second thumbnail.

In another embodiment of the present invention, the display module 1302 is configured to display an artwork corresponding to the second thumbnail when a click operation on an artwork viewing option on the second thumbnail is detected, where the data size of the second thumbnail is smaller than the artwork.

In another embodiment of the present invention, the display module 1302 is configured to, when the original image corresponding to the second thumbnail is locally stored, obtain the original image corresponding to the second thumbnail from the local and display the original image; and/or the number of the groups of groups,

In summary, the device provided by the embodiment of the invention obtains the frame data of the waterfall flow sheet, and displays the occupation map of each picture to be displayed, and further displays the first thumbnail on the occupation map, so as to complete the display of the waterfall flow page. Because the data size of the first thumbnail is smaller than that of the original image, the image display speed is improved, especially when the original image is not stored locally, the data size interacted with the server is greatly reduced, the phenomenon of white screen is avoided, and the image display effect is improved.

Fig. 14 shows a block diagram of a picture display terminal 1400 provided by an exemplary embodiment of the present invention. The terminal 1400 may be: a smart phone, a tablet computer, an MP3 player (Moving Picture Experts Group Audio Layer III, motion picture expert compression standard audio plane 3), an MP4 (Moving Picture Experts Group Audio Layer IV, motion picture expert compression standard audio plane 4) player, a notebook computer, or a desktop computer. Terminal 1400 may also be referred to as a user device, a portable terminal, a laptop terminal, a desktop terminal, and the like.

In general, terminal 1400 includes: a processor 1401 and a memory 1402.

Processor 1401 may include one or more processing cores, such as a 4-core processor, an 8-core processor, and the like. The processor 1401 may be implemented in at least one hardware form of DSP (Digital Signal Processing ), FPGA (Field-Programmable Gate Array, field programmable gate array), PLA (Programmable Logic Array ). The processor 1401 may also include a main processor, which is a processor for processing data in an awake state, also called a CPU (Central Processing Unit ), and a coprocessor; a coprocessor is a low-power processor for processing data in a standby state. In some embodiments, the processor 1401 may be integrated with a GPU (Graphics Processing Unit, image processor) for rendering and rendering of content required to be displayed by the display screen. In some embodiments, the processor 1401 may also include an AI (Artificial Intelligence ) processor for processing computing operations related to machine learning.

Memory 1402 may include one or more computer-readable storage media, which may be non-transitory. Memory 1402 may also include high-speed random access memory, as well as non-volatile memory, such as one or more magnetic disk storage devices, flash memory storage devices. In some embodiments, a non-transitory computer readable storage medium in memory 1402 is used to store at least one instruction for execution by processor 1401 to implement the picture display method provided by the method embodiments herein.

In some embodiments, terminal 1400 may optionally further include: a peripheral interface 1403 and at least one peripheral. The processor 1401, memory 1402, and peripheral interface 1403 may be connected by a bus or signal lines. The individual peripheral devices may be connected to the peripheral device interface 1403 via buses, signal lines or a circuit board. Specifically, the peripheral device includes: at least one of radio frequency circuitry 1404, a touch display screen 1405, a camera 1406, audio circuitry 1407, a positioning component 1408, and a power source 1409.

Peripheral interface 1403 may be used to connect at least one Input/Output (I/O) related peripheral to processor 1401 and memory 1402. In some embodiments, processor 1401, memory 1402, and peripheral interface 1403 are integrated on the same chip or circuit board; in some other embodiments, either or both of processor 1401, memory 1402, and peripheral interface 1403 may be implemented on separate chips or circuit boards, which is not limited in this embodiment.

The Radio Frequency circuit 1404 is configured to receive and transmit RF (Radio Frequency) signals, also known as electromagnetic signals. The radio frequency circuit 1404 communicates with a communication network and other communication devices via electromagnetic signals. The radio frequency circuit 1404 converts an electrical signal into an electromagnetic signal for transmission, or converts a received electromagnetic signal into an electrical signal. Optionally, the radio frequency circuit 1404 includes: antenna systems, RF transceivers, one or more amplifiers, tuners, oscillators, digital signal processors, codec chipsets, subscriber identity module cards, and so forth. The radio frequency circuit 1404 may communicate with other terminals via at least one wireless communication protocol. The wireless communication protocol includes, but is not limited to: metropolitan area networks, various generations of mobile communication networks (2G, 3G, 4G, and 5G), wireless local area networks, and/or WiFi (Wireless Fidelity ) networks. In some embodiments, the radio frequency circuit 1404 may also include NFC (Near Field Communication, short range wireless communication) related circuits, which are not limited in this application.

The display screen 1405 is used to display UI (User Interface). The UI may include graphics, text, icons, video, and any combination thereof. When the display screen 1405 is a touch display screen, the display screen 1405 also has the ability to collect touch signals at or above the surface of the display screen 1405. The touch signal may be input to the processor 1401 as a control signal for processing. At this time, the display 1405 may also be used to provide virtual buttons and/or a virtual keyboard, also referred to as soft buttons and/or a soft keyboard. In some embodiments, the display 1405 may be one, providing a front panel of the terminal 1400; in other embodiments, the display 1405 may be at least two, respectively disposed on different surfaces of the terminal 1400 or in a folded design; in still other embodiments, the display 1405 may be a flexible display disposed on a curved surface or a folded surface of the terminal 1400. Even more, the display 1405 may be arranged in a non-rectangular irregular pattern, i.e. a shaped screen. The display 1405 may be made of LCD (Liquid Crystal Display ), OLED (Organic Light-Emitting Diode) or other materials.

The camera component 1406 is used to capture images or video. Optionally, camera assembly 1406 includes a front camera and a rear camera. Typically, the front camera is disposed on the front panel of the terminal and the rear camera is disposed on the rear surface of the terminal. In some embodiments, the at least two rear cameras are any one of a main camera, a depth camera, a wide-angle camera and a tele camera, so as to realize that the main camera and the depth camera are fused to realize a background blurring function, and the main camera and the wide-angle camera are fused to realize a panoramic shooting and Virtual Reality (VR) shooting function or other fusion shooting functions. In some embodiments, camera assembly 1406 may also include a flash. The flash lamp can be a single-color temperature flash lamp or a double-color temperature flash lamp. The dual-color temperature flash lamp refers to a combination of a warm light flash lamp and a cold light flash lamp, and can be used for light compensation under different color temperatures.

The audio circuitry 1407 may include a microphone and a speaker. The microphone is used for collecting sound waves of users and the environment, converting the sound waves into electric signals, and inputting the electric signals to the processor 1401 for processing, or inputting the electric signals to the radio frequency circuit 1404 for voice communication. For purposes of stereo acquisition or noise reduction, a plurality of microphones may be provided at different portions of the terminal 1400, respectively. The microphone may also be an array microphone or an omni-directional pickup microphone. The speaker is used to convert electrical signals from the processor 1401 or the radio frequency circuit 1404 into sound waves. The speaker may be a conventional thin film speaker or a piezoelectric ceramic speaker. When the speaker is a piezoelectric ceramic speaker, not only the electric signal can be converted into a sound wave audible to humans, but also the electric signal can be converted into a sound wave inaudible to humans for ranging and other purposes. In some embodiments, audio circuitry 1407 may also include a headphone jack.

The locating component 1408 is used to locate the current geographic location of the terminal 1400 to enable navigation or LBS (Location Based Service, location-based services). The positioning component 1408 may be a positioning component based on the united states GPS (Global Positioning System ), the beidou system of china, the grainer system of russia, or the galileo system of the european union.

A power supply 1409 is used to power the various components in terminal 1400. The power supply 1409 may be an alternating current, a direct current, a disposable battery, or a rechargeable battery. When the power supply 1409 includes a rechargeable battery, the rechargeable battery may support wired or wireless charging. The rechargeable battery may also be used to support fast charge technology.

In some embodiments, terminal 1400 also includes one or more sensors 1410. The one or more sensors 1410 include, but are not limited to: acceleration sensor 1411, gyroscope sensor 1412, pressure sensor 1413, fingerprint sensor 1414, optical sensor 1415, and proximity sensor 1416.

The acceleration sensor 1411 may detect the magnitudes of accelerations on three coordinate axes of a coordinate system established with the terminal 1400. For example, the acceleration sensor 1411 may be used to detect components of gravitational acceleration in three coordinate axes. The processor 1401 may control the touch display 1405 to display a user interface in a landscape view or a portrait view according to the gravitational acceleration signal acquired by the acceleration sensor 1411. The acceleration sensor 1411 may also be used for the acquisition of motion data of a game or a user.

The gyro sensor 1412 may detect a body direction and a rotation angle of the terminal 1400, and the gyro sensor 1412 may collect a 3D motion of the user to the terminal 1400 in cooperation with the acceleration sensor 1411. The processor 1401 may implement the following functions based on the data collected by the gyro sensor 1412: motion sensing (e.g., changing UI according to a tilting operation by a user), image stabilization at shooting, game control, and inertial navigation.

Pressure sensor 1413 may be disposed on a side frame of terminal 1400 and/or on an underlying layer of touch screen 1405. When the pressure sensor 1413 is provided at a side frame of the terminal 1400, a grip signal of the terminal 1400 by a user can be detected, and the processor 1401 performs right-and-left hand recognition or quick operation according to the grip signal collected by the pressure sensor 1413. When the pressure sensor 1413 is disposed at the lower layer of the touch screen 1405, the processor 1401 realizes control of the operability control on the UI interface according to the pressure operation of the user on the touch screen 1405. The operability controls include at least one of a button control, a scroll bar control, an icon control, and a menu control.

The fingerprint sensor 1414 is used to collect a fingerprint of a user, and the processor 1401 identifies the identity of the user based on the fingerprint collected by the fingerprint sensor 1414, or the fingerprint sensor 1414 identifies the identity of the user based on the collected fingerprint. Upon recognizing that the user's identity is a trusted identity, the user is authorized by the processor 1401 to perform relevant sensitive operations including unlocking the screen, viewing encrypted information, downloading software, paying for and changing settings, etc. The fingerprint sensor 1414 may be provided on the front, back, or side of the terminal 1400. When a physical key or vendor Logo is provided on terminal 1400, fingerprint sensor 1414 may be integrated with the physical key or vendor Logo.

The optical sensor 1415 is used to collect the ambient light intensity. In one embodiment, the processor 1401 may control the display brightness of the touch screen 1405 based on the intensity of ambient light collected by the optical sensor 1415. Specifically, when the intensity of the ambient light is high, the display brightness of the touch display screen 1405 is turned up; when the ambient light intensity is low, the display brightness of the touch display screen 1405 is turned down. In another embodiment, the processor 1401 may also dynamically adjust the shooting parameters of the camera assembly 1406 based on the ambient light intensity collected by the optical sensor 1415.

A proximity sensor 1416, also referred to as a distance sensor, is typically provided on the front panel of terminal 1400. The proximity sensor 1416 is used to collect the distance between the user and the front of the terminal 1400. In one embodiment, when the proximity sensor 1416 detects that the distance between the user and the front surface of the terminal 1400 gradually decreases, the processor 1401 controls the touch display 1405 to switch from the bright screen state to the off screen state; when the proximity sensor 1416 detects that the distance between the user and the front surface of the terminal 1400 gradually increases, the touch display 1405 is controlled by the processor 1401 to switch from the off-screen state to the on-screen state.

Those skilled in the art will appreciate that the structure shown in fig. 14 is not limiting and that terminal 1400 may include more or less components than those illustrated, or may combine certain components, or employ a different arrangement of components.

The terminal provided by the embodiment of the invention acquires the frame data of the waterfall flow sheet, displays the occupation map of each picture to be displayed, and further displays the first thumbnail on the occupation map so as to finish the display of the waterfall flow page. Because the data size of the first thumbnail is smaller than that of the original image, the image display speed is improved, especially when the original image is not stored locally, the data size interacted with the server is greatly reduced, the phenomenon of white screen is avoided, and the image display effect is improved.

Embodiments of the present invention provide a computer readable storage medium having at least one instruction stored therein, the at least one instruction being loaded and executed by a processor to implement the picture display method described in fig. 5 or 6.

The computer readable storage medium provided by the embodiment of the invention acquires the frame data of the waterfall flow sheet, displays the occupation map of each picture to be displayed, and further displays the first thumbnail on the occupation map so as to finish the display of the waterfall flow page. Because the data size of the first thumbnail is smaller than that of the original image, the image display speed is improved, especially when the original image is not stored locally, the data size interacted with the server is greatly reduced, the phenomenon of white screen is avoided, and the image display effect is improved.

It should be noted that: in the picture display device provided in the above embodiment, when displaying a picture, only the division of the above functional modules is used for illustration, in practical application, the above functional allocation may be performed by different functional modules according to needs, that is, the internal structure of the picture display device is divided into different functional modules, so as to complete all or part of the functions described above. In addition, the image display device and the image display method provided in the foregoing embodiments belong to the same concept, and detailed implementation processes of the image display device and the image display method are detailed in the method embodiments, which are not repeated herein.

It will be understood by those skilled in the art that all or part of the steps for implementing the above embodiments may be implemented by hardware, or may be implemented by a program for instructing relevant hardware, where the program may be stored in a computer readable storage medium, and the storage medium may be a read-only memory, a magnetic disk or an optical disk, etc.

The foregoing description of the preferred embodiments of the invention is not intended to limit the invention to the precise form disclosed, and any such modifications, equivalents, and alternatives falling within the spirit and scope of the invention are intended to be included within the scope of the invention.

Claims

1. A picture display method, the method comprising:

when a display instruction of a waterfall flow page is received and the waterfall flow picture frame data is locally stored, the waterfall flow picture frame data is locally acquired; when a display instruction of a waterfall flow page is received and the frame data of the waterfall flow picture is not stored locally, acquiring the frame data of the waterfall flow picture from a server, wherein the frame data of the waterfall flow picture comprises the total number of pictures at the server side, the picture groups divided according to the date and the number information of the pictures in the picture groups;

displaying a waterfall flow frame of pictures ordered according to date groups according to the waterfall flow picture frame data, wherein the waterfall flow frame comprises occupation positions of each picture to be displayed;

determining upper and lower pages of the current waterfall flow page according to the current waterfall flow page; acquiring picture information data of each target picture to be displayed in the current waterfall flow page and upper and lower pages of the current waterfall flow page; acquiring a first thumbnail corresponding to each target picture to be displayed according to picture information data of each target picture to be displayed, wherein the data size of the first thumbnail is smaller than that of an original picture;

Displaying a corresponding first thumbnail on each occupation of the waterfall flow frame to finish the display of the waterfall flow page;

when a clicking operation on any first thumbnail is detected, displaying a second thumbnail corresponding to the first thumbnail, wherein the size and the data volume of the first thumbnail are smaller than those of the second thumbnail, the size of the second thumbnail is the same as that of the original image, but the data volume of the second thumbnail is smaller than that of the original image;

and when the clicking operation of the original image viewing option on the second thumbnail is detected, displaying the original image corresponding to the second thumbnail.

2. The method of claim 1, wherein after the locally acquiring the waterfall stream picture frame data, further comprising:

if the version numbers are consistent, executing the step of displaying the waterfall stream frames of the pictures ordered according to the date groups according to the waterfall stream picture frame data;

3. The method according to claim 1, wherein determining the upper and lower pages of the current waterfall page according to the current waterfall page comprises:

4. The method according to claim 1, wherein the obtaining the picture information data of each target picture to be displayed in the current waterfall page and the upper and lower pages thereof includes:

5. The method according to claim 1, wherein the obtaining a first thumbnail corresponding to each target picture to be displayed according to the picture information data of each target picture to be displayed includes:

when the first thumbnail corresponding to each target picture to be displayed is not stored locally, converting the picture information data of each target picture to be displayed into a first uniform resource locator URL, and acquiring the first thumbnail corresponding to each target picture to be displayed from the server based on the first URL of each target picture to be displayed.

6. The method of claim 1, wherein the displaying the second thumbnail corresponding to the first thumbnail comprises:

7. The method of claim 1, wherein the displaying the artwork corresponding to the second thumbnail comprises:

8. A picture display device, the device comprising:

the acquisition module is used for acquiring the waterfall flow picture frame data from the local when receiving a display instruction of the waterfall flow page and the waterfall flow picture frame data is locally stored; when a display instruction of a waterfall flow page is received and the frame data of the waterfall flow picture is not stored locally, acquiring the frame data of the waterfall flow picture from a server, wherein the frame data of the waterfall flow picture comprises the total number of pictures at the server side, the picture groups divided according to the date and the number information of the pictures in the picture groups;

The display module is used for displaying the waterfall flow frames of the pictures ordered according to the date groups according to the waterfall flow picture frame data, and the waterfall flow frames comprise occupation positions of each picture to be displayed;

the acquisition module is used for determining upper and lower pages of the current waterfall flow page according to the current waterfall flow page; acquiring picture information data of each target picture to be displayed in the current waterfall flow page and upper and lower pages of the current waterfall flow page; acquiring a first thumbnail corresponding to each target picture to be displayed according to picture information data of each target picture to be displayed, wherein the data size of the first thumbnail is smaller than that of an original picture;

the display module is further used for displaying corresponding first thumbnails on each occupation of the waterfall flow frame so as to finish displaying the waterfall flow page;

the display module is further configured to display a second thumbnail corresponding to any one of the first thumbnails when a click operation on the first thumbnail is detected, where the size and the data size of the first thumbnail are smaller than those of the second thumbnail, and the size of the second thumbnail is the same as those of the original image, but the data size of the second thumbnail is smaller than that of the original image;

And the display module is also used for displaying the original pictures corresponding to the second thumbnail when the clicking operation of the original picture viewing option on the second thumbnail is detected.

9. The apparatus of claim 8, wherein the apparatus further comprises:

the display module is used for displaying the waterfall stream frames of the pictures ordered according to the date groups according to the waterfall stream picture frame data if the version numbers are consistent;

10. The apparatus of claim 8, wherein the acquisition module is configured to determine a location of a current waterfall flow page in the waterfall flow frame; the method comprises the steps of taking the position of a first picture in a current waterfall flow page in a waterfall flow frame as a starting point, and obtaining the front preset number of pages of the current waterfall flow page by increasing the number of pictures of a preset number of screens forwards; and taking the position of the last picture in the current waterfall flow page in the waterfall flow frame as a starting point, and obtaining the pages with the rear preset number of the current waterfall flow page by adding the number of the pictures with the preset number of screens backwards.

11. The apparatus of claim 8, wherein the obtaining module is configured to obtain, when the picture information data of each target picture to be displayed in the current waterfall page and the upper and lower pages thereof are locally stored, the picture information data of each target picture to be displayed in the current waterfall page and the upper and lower pages thereof from the local; and/or the number of the groups of groups,

12. The apparatus of claim 8, wherein the obtaining module is configured to obtain, when the first thumbnail corresponding to each target picture to be displayed is locally stored, the first thumbnail corresponding to each target picture to be displayed from the local; and/or the number of the groups of groups,

13. The apparatus of claim 8, wherein the display module is configured to, when a second thumbnail corresponding to the first thumbnail is locally stored, obtain the second thumbnail corresponding to the first thumbnail from the local, and display the second thumbnail; and/or the number of the groups of groups,

14. The apparatus of claim 8, wherein the display module is configured to, when the original image corresponding to the second thumbnail is locally stored, obtain the original image corresponding to the second thumbnail from the local, and display the original image; and/or the number of the groups of groups,