IP Library Granted Patent US 11,126,686
Granted Patent B2
US 11,126,686 · App. 16/210,534 · Granted Sep 21, 2021

Processing image data of a webpage

Inventor: Chao Wang (Hangzhou, CN)
Assignee: Advanced New Technologies Co., Ltd.
G06F16/9577G06F8/30G06F16/955G06F16/958G06F40/143G06K9/00442Y02D10/00
View Patent ↗
Loading inventors, assignments & file history…
Monitor This Case
Get email alerts when status or documents change.
Order Certified Copies
Most orders are placed with the USPTO same day — all within 24 business hours.
Order via The Patent Place →
Pre-filled with this patent's details
Quick Facts
Patent No.
US 11,126,686
App. No.
16/210,534
Granted
Sep 21, 2021
Kind
B2
Abstract

A request for a webpage is received at a server associated with a website and from a terminal device, where the webpage includes an image, and where the server stores a first set of HyperText Markup Language (HTML) code that is associated with the webpage. The image is divided into a plurality of sub-images. A second set of HTML code associated with the webpage is determined, where the second set of HTML code includes code corresponding to each sub-image. The second set of HTML code is transmitted to the terminal device for sequential display of each sub-image on the terminal device.

Claims (52)

1. A computer-implemented method, comprising:

receiving, at a server associated with a website and from a terminal device, a request for a webpage, wherein the webpage comprises an image, and wherein the server stores a first set of HyperText Markup Language (HTML) code that is associated with the webpage;

dividing, the image into a plurality of sub-images;

determining, a second set of HTML code associated with the webpage, wherein the determining of the second set of HTML code comprises:

generating a code encoding each sub-image, and the code is a renderable code corresponding to each sub-image of the webpage;

determining a sorting sequence of the sub-images based on an up-down position relationship between the sub-images;

sequentially writing the renderable code corresponding to each sub-image into JavaScript (JS) code that is included in the first set of HTML code based on the sorting sequence; and

generating the second set of HTML code, wherein the second set of HTML code is generated by writing the JS code that includes the renderable code corresponding to each sub-image into the first set of HTML code; and

transmitting, using a single communication channel between the server and the terminal device, the second set of HTML code comprising an encoded plurality of sub-images to the terminal device for sequential display of each sub-image on the terminal device.

2. The computer-implemented method of claim 1 , wherein generating the code corresponding to each sub-image further comprises generating Base64 code corresponding to the sub-image through a Base64 encoding method.

3. The computer-implemented method of claim 1 , further comprising:

receiving, at the terminal device, the second set of HTML, code;

running the JS code included in the second set of HTML code to write the renderable code corresponding to each sub-image into a corresponding image tag; and

rendering each sub-image to the webpage by using the corresponding image tag.

4. The computer-implemented method of claim 1 , wherein the image is fully displayed on the terminal device after each sub-image is rendered to the webpage.

5. The computer-implemented method of claim 1 , further comprising storing, by the server, the second set of HTML code.

6. The computer-implemented method of claim 1 , further comprising sequentially rendering, by the terminal device, each sub-image based on the sorting sequence.

7. A non-transitory, computer-readable medium storing one or more instructions executable by a computer system to perform operations comprising:

receiving, at a server associated with a website and from a terminal device, a request for a webpage, wherein the webpage comprises an image, and wherein the server stores a first set of HyperText Markup Language (HTML) code that is associated with the webpage;

dividing, the image into a plurality of sub-images;

determining, a second set of HTML code associated with the webpage, wherein the determining of the second set of HTML code comprises;

generating a code encoding each sub-image, and the code is a renderable code corresponding to each sub-image of the webpage;

determining a sorting sequence of the sub-images based on an up-down position relationship between the sub-images;

sequentially writing the renderable code corresponding to each sub-image into JavaScript (JS) code that is included in the first set of HTML code based on the sorting sequence; and

generating the second set of HTML code, wherein the second set of HTML code is generated by writing the JS code that includes the renderable code corresponding to each sub-image into the first set of HTML code; and

transmitting, using a single communication channel between the server and the terminal device, the second set of HTML code comprising an encoded plurality of sub-images to the terminal device for sequential display of each sub-image on the terminal device.

8. The non-transitory, computer-readable medium of claim 7 , wherein generating the code corresponding to each sub-image further comprises generating Base64 code corresponding to the sub-image through a Base64 encoding method.

9. The non-transitory, computer-readable medium of claim 7 , further comprising:

receiving, at the terminal device, the second set of HTML code;

running the JS code included in the second set of HTML code to write the renderable code corresponding to each sub-image into a corresponding image tag; and

rendering each sub-image to the webpage by using the corresponding image tag.

10. The non-transitory, computer-readable medium of claim 7 , wherein the image is fully displayed on the terminal device after each sub-image is rendered to the webpage.

11. The non-transitory, computer-readable medium of claim 7 , further comprising storing, by the server, the second set of HTML code.

12. The non-transitory, computer-readable medium of claim 7 , further comprising sequentially rendering, by the terminal device, each sub-image based on the sorting sequence.

13. A computer-implemented system, comprising:

one or more computers; and

one or more computer memory devices interoperably coupled with the one or more computers and having tangible, non-transitory, machine-readable media storing one or more instructions that, when executed by the one or more computers, perform one or more operations comprising:

receiving, at a server associated with a website and from a terminal device, a request for a webpage, wherein the webpage comprises an image, and wherein the server stores a first set of HyperText Markup Language (HTML) code that is associated with the webpage;

dividing, the image into a plurality of sub-images;

determining, a second set of HTML code associated with the webpage, wherein the determining of the second set of HTML code comprises:

generating a code encoding each sub-image, and the code is a renderable code corresponding to each sub-image of the webpage;

determining a sorting sequence of the sub-images based on an up-down position relationship between the sub-images;

sequentially writing the renderable code corresponding to each sub-image into JavaScript (JS) code that is included in the first set of HTML code based on the sorting sequence; and

generating the second set of HTML code, wherein the second set of HTML code is generated by writing the JS code that includes the renderable code corresponding to each sub-image into the first set of HTML code; and

transmitting, using a single communication channel between the server and the terminal device, the second set of HTML code comprising an encoded plurality of sub-images to the terminal device for sequential display of each sub-image on the terminal device.

14. The computer-implemented system of claim 13 , wherein generating the code corresponding to each sub-image further comprises generating Base64 code corresponding to the sub-image through a Base64 encoding method.

15. The computer-implemented system of claim 13 , further comprising:

receiving, at the terminal device, the second set of HTML, code;

running the JS code included in the second set of HTML code to write the renderable code corresponding to each sub-image into a corresponding image tag; and

rendering each sub-image to the webpage by using the corresponding image tag.

16. The computer-implemented system of claim 13 , wherein the image is fully displayed on the terminal device after each sub-image is rendered to the webpage.

17. The computer-implemented system of claim 13 , further comprising storing, by the server, the second set of HTML code.

Assignments (3)
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Sep 10, 2020
From: ADVANTAGEOUS NEW TECHNOLOGIES CO., LTD.
To: ADVANCED NEW TECHNOLOGIES CO., LTD.
Reel/Frame 053754/0625 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Aug 31, 2020
From: ALIBABA GROUP HOLDING LIMITED
To: ADVANTAGEOUS NEW TECHNOLOGIES CO., LTD.
Reel/Frame 053743/0464 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded May 17, 2019
From: WANG, CHAO
To: ALIBABA GROUP HOLDING LIMITED
Reel/Frame 049214/0591 →
Priority Claims (1)
CN 201610394102.5 · Jun 6, 2016 · national
Continuity (2)
Continuation PCTCN2017085652 · May 24, 2017
Related Publication 20190108189A1 · Apr 11, 2019