Sharing method, device and system of dynamic page picture, equipment and medium

The target dynamic image is sent to the website image server through the client browser, and the image source file is obtained by using social media crawlers, which solves the problem that the website dynamic image cannot be shared in real time in the existing technology, and realizes the real-time sharing of dynamic image to social media.

CN119646281APending Publication Date: 2025-03-18INDUSTRIAL AND COMMERCIAL BANK OF CHINA
View PDF 0 Cites 0 Cited by

Patent Information

Application Number
CN202411818438.0
Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2024-12-11
Publication Date
2025-03-18

AI Technical Summary

Technical Problem

It is difficult to realize the real-time sharing of website dynamic images on social media in the existing technology, and only static images can be shared.

Method used

Identify the specific identity of the target dynamic map through the client browser, send it to the website image server, generate the target image URL, and obtain the image source file through the social media crawler for display on social media.

Benefits of technology

It realizes real-time sharing of website dynamic pictures to social media, overcomes the limitations of static picture sharing, and supports users to share the current real-time dynamics of the website.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN119646281A_ABST
    Figure CN119646281A_ABST
Patent Text Reader

Abstract

The invention discloses a dynamic page picture sharing method, device, system and equipment and a medium, relates to the technical field of Internet, and can be applied to the field of financial science and technology. The method comprises the following steps: under the condition that a click operation on a target sharing button corresponding to a target dynamic graph is recognized, sending the target dynamic graph to a website picture server through a client browser according to a target specific identifier of the target dynamic graph; obtaining a target picture URL fed back by the website picture server through the client browser; sharing a website sharing link with the URL of the target picture with the social media crawler through the client browser; obtaining a picture source file corresponding to a target dynamic picture through the social media crawler according to the website sharing link; and displaying the target dynamic graph based on the picture source file through the social media. According to the technical scheme, the dynamic graph in the website can be shared in real time.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present invention relates to the field of Internet technology and can be applied to the field of financial technology, and in particular to a method, device, system, equipment and medium for sharing dynamic page images. Background Art

[0002] Social media and content sharing are one of the hottest and most promising areas in the modern Internet industry. With the popularization of the Internet and the increasing demand for online social networking and information sharing, social media and content sharing platforms have become one of the most attractive and influential products on the Internet. Some websites do not have social functions themselves. They can use the social interfaces provided by social media software to share the content of this website to social media. For example, some people often share headlines to their own social media to achieve the sharing function. When a third-party website wants to share pictures to social media, it only needs to attach the uniform resource locator (URL) of the picture to the specific HTML tag on the first screen provided to the social media website, and the pictures of the third-party website can be shared to social media. For example, when sharing a piece of news on a social media, the news picture is often brought over and displayed on the dynamics of the social media. When the html of a third-party website contains special meta tags that it requires, the social media crawler can parse the resources it needs from the meta tags. For example, when social sharing requires pictures, the special meta tags are <meta property='og:image'content='http: xxx.png'> ,Social media crawlers can parse the image link in the content from this meta tag and use it for display.

[0003] Sharing static fixed images to a specific website is relatively simple. You only need to add the link of the image to a specific HTML tag according to the requirements of social media for social media crawlers to obtain. However, the above method cannot take screenshots of web pages in real time. For example, if a user wants to share the current ups and downs of a stock on a browser stock website, in this case, a real-time screenshot of the trend chart of the current web page must be taken and a link must be provided to the social media crawler. The social media can only display the real-time screenshots captured by the social media crawler. Summary of the invention

[0004] The present invention provides a method, device, system, equipment and medium for sharing dynamic page images, so as to realize real-time sharing of website dynamic images to social media.

[0005] According to one aspect of the present invention, a method for sharing a dynamic page image is provided, which is applied to a mobile terminal, wherein the mobile terminal includes a client browser and a social media, wherein the social media is configured with a social media crawler, and the method includes:

[0006] When a click operation on a target sharing button corresponding to a target dynamic image is identified, the target dynamic image is sent to a website image server through the client browser according to a target specific identifier of the target dynamic image; wherein the target sharing button is used to indicate that the target dynamic image is shared to the social media;

[0007] Obtaining the target image URL fed back by the website image server through the client browser;

[0008] Sharing a website sharing link with the target image URL to the social media crawler through the client browser;

[0009] Acquire the image source file corresponding to the target dynamic image according to the website sharing link by the social media crawler;

[0010] The target dynamic image is displayed based on the image source file through the social media.

[0011] According to another aspect of the present invention, a dynamic page image sharing system is provided, comprising a mobile terminal, a front-end server, a website image server and a social media image server, wherein the mobile terminal comprises a client browser and a social media, and the social media is configured with a social media crawler. The system comprises:

[0012] The client browser is used to send the target dynamic image to the website image server according to the target specific identifier of the target dynamic image when recognizing a click operation on the target sharing button corresponding to the target dynamic image; wherein the target sharing button is used to indicate that the target dynamic image is shared to the social media; obtain the target image URL fed back by the website image server; and share the website sharing link with the target image URL to the social media crawler;

[0013] The front-end server is used to respond to the page request sent by the client browser and feed back the first page HTML to the client browser;

[0014] The website image server is used to convert the Blob instance of the target dynamic image into the target PNG format for storage; generate the target image URL and respond to the client browser;

[0015] The front-end server is further used to obtain the target image URL from the website sharing link, and splice the target image URL into HTML in the form of a special meta tag according to the specification of the social media crawler to obtain the second page HTML; and respond the second page HTML to the social media crawler;

[0016] The social media crawler is used to obtain the image source file corresponding to the target dynamic image from the front-end server and the website image server according to the website sharing link; and send the image source file to the social media image server;

[0017] The social media image server is used to store the image source file sent by the social media crawler;

[0018] The social media displays the target dynamic image based on the image source file.

[0019] According to another aspect of the present invention, a dynamic page image sharing device is provided, which is configured in a mobile terminal, wherein the mobile terminal includes a client browser and a social media, wherein the social media is configured with a social media crawler, and the device includes:

[0020] A target dynamic image sending module is used to send the target dynamic image to the website image server through the client browser according to the target specific identifier of the target dynamic image when a click operation on the target sharing button corresponding to the target dynamic image is identified; wherein the target sharing button is used to indicate that the target dynamic image is shared to the social media;

[0021] A target image URL feedback module is used to obtain the target image URL fed back by the website image server through the client browser;

[0022] A website sharing link sharing module, used to share a website sharing link with the target image URL to the social media crawler through the client browser;

[0023] A picture source file acquisition module, used to acquire the picture source file corresponding to the target dynamic image according to the website sharing link through the social media crawler;

[0024] The target dynamic image display module is used to display the target dynamic image based on the image source file through the social media.

[0025] According to another aspect of the present invention, an electronic device is provided, the electronic device comprising:

[0026] at least one processor; and

[0027] a memory communicatively connected to the at least one processor; wherein,

[0028] The memory stores a computer program that can be executed by the at least one processor, and the computer program is executed by the at least one processor so that the at least one processor can execute the dynamic page image sharing method described in any embodiment of the present invention.

[0029] According to another aspect of the present invention, a computer-readable storage medium is provided, wherein the computer-readable storage medium stores computer instructions, and the computer instructions are used to enable a processor to implement the method for sharing a dynamic page image described in any embodiment of the present invention when executed.

[0030] According to another aspect of the present invention, a computer program product is provided. The computer program product includes a computer program. When the computer program is executed by a processor, the computer program implements the method for sharing a dynamic page image according to any embodiment of the present invention.

[0031] The technical solution of the embodiment of the present invention is to send the target dynamic image to the website image server through the client browser according to the target specific identifier of the target dynamic image when the click operation of the target sharing button corresponding to the target dynamic image is identified; wherein the target sharing button is used to indicate that the target dynamic image is shared to social media; the target image URL fed back by the website image server is obtained through the client browser; the website sharing link with the target image URL is shared to the social media crawler through the client browser; the image source file corresponding to the target dynamic image is obtained through the social media crawler according to the website sharing link; and the target dynamic image is displayed based on the image source file through social media. The above technical solution overcomes the disadvantage that when a website shares social media, it can only share static websites but not real-time dynamic images of the website, and supports users to share the current real-time dynamics of the website to social media.

[0032] It should be understood that the contents described in this section are not intended to identify the key or important features of the embodiments of the present invention, nor are they intended to limit the scope of the present invention. Other features of the present invention will become easily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS

[0033] In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the following briefly introduces the drawings required for use in the description of the embodiments. Obviously, the drawings described below are only some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without creative work.

[0034] Figure 1 is a flow chart of a method for sharing a dynamic page image provided according to the first embodiment of the present invention;

[0035] Figure 2 is a timing diagram of a dynamic page image sharing system applicable to the second embodiment of the present invention;

[0036] Figure 3 is a structural diagram of a dynamic page image sharing device provided according to Embodiment 3 of the present invention;

[0037] Figure 4 It is a structural schematic diagram of an electronic device that implements the dynamic page picture sharing method of an embodiment of the present invention. DETAILED DESCRIPTION

[0038] In order to enable those skilled in the art to better understand the scheme of the present invention, the technical scheme in the embodiments of the present invention will be clearly and completely described below in conjunction with the drawings in the embodiments of the present invention. Obviously, the described embodiments are only part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without creative work should fall within the scope of protection of the present invention.

[0039] It should be noted that the terms "first", "second", etc. in the specification and claims of the present invention and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate, so that the embodiments of the present invention described herein can be implemented in an order other than those illustrated or described herein. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units that are clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0040] In addition, it should be noted that the collection, storage, use, processing, transmission, provision and disclosure of target dynamic graphics, etc. involved in the technical solution of the present invention are in compliance with the provisions of relevant laws and regulations and do not violate public order and good morals.

[0041] Embodiment 1

[0042] Figure 1 This is a flow chart of a method for sharing a dynamic page image according to the first embodiment of the present invention. This embodiment is applicable to the situation of how to share a real-time dynamic image of a website to social media. The method can be executed by a dynamic page image sharing device, which can be implemented in the form of hardware and / or software, and can be configured in an electronic device that carries the dynamic page image sharing function, such as a mobile terminal; optionally, the mobile terminal includes a client browser and social media, and the social media is configured with a social media crawler. Figure 1 As shown, the method includes:

[0043] S110. When a click operation on a target sharing button corresponding to a target dynamic image is identified, the target dynamic image is sent to a website image server through a client browser according to a target specific identifier of the target dynamic image.

[0044] Among them, the target dynamic graph refers to a real-time changing graph in the target website, which may include pictures or charts, such as a rising and falling trend graph of a certain stock on a stock website. The target sharing button is used to indicate that the target dynamic graph is shared to social media, and may be located at a specific location on the target website. The website image server refers to a server used to store relevant images in the website, and can also generate image links for images. The target feature identifier refers to the identifier of the target dynamic graph, which is used to uniquely represent the target dynamic graph.

[0045] Specifically, when a user visits a target website in a client browser and has a need to share relevant dynamic images in the website, he clicks a target sharing button corresponding to the target dynamic image. Accordingly, the client browser can send the target dynamic image to the website image server according to the target specific identifier of the target dynamic image.

[0046] An optional method is to send the target dynamic image to the website image server through the client browser according to the target specific identifier of the target dynamic image, including: calling the html2canvas library through the client browser to convert the target dynamic image into a canvas image instance according to the target specific identifier; converting the canvas image instance into a Blob instance, and sending the Blob instance to the website image server.

[0047] Specifically, the web script of the client browser can convert the target dynamic image with the target specific identifier into a canvas image instance by calling the html2canvas library, and then convert the canvas image instance into a Blob instance through the toBlob method of the canvas instance, and send the Blob instance to the website image server. Correspondingly, after receiving the Bolb instance, the website image server can use the javax.imageio.ImageIO class to convert a Blob instance data into a PNG image and store it, and respond to the client browser with a target image URL of the target dynamic image, such as http:abc / x.png.

[0048] It is understandable that a real-time link to the target dynamic image can be obtained through the website image server, which is convenient for subsequent image sharing.

[0049] S120: Obtaining, through the client browser, a target image URL fed back by the website image server.

[0050] The target image URL refers to the image link of the target dynamic image.

[0051] Specifically, the client browser can obtain the target image URL fed back by the website image server.

[0052] S130, sharing a website sharing link with the target image URL to a social media crawler through a client browser.

[0053] Among them, website sharing links refer to links used to share the Internet. Social media refers to platforms such as WeChat, LinkedIn, and Weibo.

[0054] Specifically, the client browser can concatenate the target image URL in the form of parameters in the website link to obtain a website sharing link, such as http:edf?imageurl=http:abc / x.png, and then share the network sharing link to the social media crawler.

[0055] S140, obtaining the image source file corresponding to the target dynamic image according to the website sharing link through a social media crawler.

[0056] The image source file refers to the source file of the target dynamic image stored in the server. The social media crawler refers to the crawler used by social media websites to crawl data, and the crawled data is used for social media sharing.

[0057] Specifically, the social media crawler can obtain the image source file corresponding to the target dynamic by accessing the website sharing link.

[0058] An optional method is to obtain the image source file corresponding to the target dynamic image according to the website sharing link through a social media crawler, including: sending a second page access request including the website sharing link to a front-end server through the social media crawler, so that the front-end server obtains the target image URL from the website sharing link, and splices the target image URL into HTML in the form of a special meta tag in accordance with the specification of the social media crawler to obtain the second page HTML; responding the second page HTML to the social media crawler; obtaining the second page HTML fed back by the front-end server; parsing the target image URL from the HTML tag of the second page HTML; and obtaining the image source file from the website image server according to the target image URL.

[0059] The second page access request refers to a request for a social media crawler to access a target website page. The second page HTML refers to the page HTML with the target image URL.

[0060] Specifically, the social media crawler sends a second page access request including a website sharing link to the front-end server; accordingly, the front-end server extracts the target image URL from the website sharing link, and according to the specification of the social media crawler, splices the target image URL into HTML in the form of a special meta tag to obtain the second page HTML, which is as follows:<metaproperty='og:image'content='http:a.b.c / x.png' / > The social media crawler obtains the HTML of the second page fed back by the front-end server, parses the target image URL from the HTML tag of the HTML of the second page, and obtains the image source file from the website image server according to the target image URL.

[0061] It is understandable that when sharing from the front-end website to social media, there is no need to provide fixed image meta tags for each page separately. It only needs to be generated dynamically when sharing, reducing the performance consumption of inserting images on the front-end server.

[0062] Store the image source files on the social media image server.

[0063] It is understandable that the image source file is stored in a social media image server so that when the social media needs the image, it does not rely on the image source file of the original website.

[0064] S150. Display the target dynamic image based on the image source file through social media.

[0065] Specifically, when the social media needs to display the target dynamic image, the image source file of the target dynamic image is obtained from the social media image server for display.

[0066] The technical solution of the embodiment of the present invention is to send the target dynamic image to the website image server through the client browser according to the target specific identifier of the target dynamic image when the click operation of the target sharing button corresponding to the target dynamic image is identified; wherein the target sharing button is used to indicate that the target dynamic image is shared to social media; the target image URL fed back by the website image server is obtained through the client browser; the website sharing link with the target image URL is shared to the social media crawler through the client browser; the image source file corresponding to the target dynamic image is obtained through the social media crawler according to the website sharing link; and the target dynamic image is displayed based on the image source file through social media. The above technical solution overcomes the disadvantage that when a website shares social media, it can only share static websites but not real-time dynamic images of the website, and supports users to share the current real-time dynamics of the website to social media.

[0067] On the basis of the above embodiments, as an optional method of the present invention, before sharing dynamic pictures, a page request is sent to the front-end server in response to the first page access request; the first page HTML fed back by the front-end server is obtained through the client browser; the page is rendered according to the first page HTML to obtain and display the target dynamic page; wherein the target dynamic page includes a target dynamic image; the target dynamic image is marked with a target specific identifier.

[0068] The first page access request refers to a request for page access by a user through a client browser. The first page HTML refers to the page HTML without the target image URL. The target dynamic page refers to a dynamic page in the target website, or it can be a dynamic page in the target website visited by the user.

[0069] Specifically, when a user visits a target dynamic web page of a target website, such as a real-time weather web page or a stock web page, the client responds to the first page access request and sends a page request to the front-end server; accordingly, the front-end server generates the first page HTML and feeds it back to the client browser. The client browser renders the page according to the received first page HTML to obtain the target dynamic page and displays its current page information, such as stock price trends.

[0070] It is understandable that dynamic images are specifically marked in dynamic web pages to facilitate real-time sharing of dynamic images.

[0071] Embodiment 2

[0072] Figure 2 This is a timing diagram of a dynamic page image sharing system applicable to the second embodiment of the present invention. Optionally, the sharing system includes a mobile terminal, a front-end server, a website image server and a social media image server, wherein the mobile terminal includes a client browser and social media, and the social media is configured with a social media crawler.

[0073] The client browser is used to send the target dynamic image to the website image server according to the target specific identifier of the target dynamic image when a click operation on the target sharing button corresponding to the target dynamic image is recognized; wherein the target sharing button is used to indicate that the target dynamic image is shared to social media; obtain the target image URL fed back by the website image server; and share the website sharing link with the target image URL to the social media crawler;

[0074] The front-end server is used to respond to the page request sent by the client browser and feed back the first page HTML to the client browser;

[0075] The website image server is used to convert the Blob instance of the target dynamic image into the target PNG format for storage; generate the target image URL and respond to the client browser;

[0076] The front-end server is also used to obtain the target image URL from the website sharing link, and splice the target image URL into HTML in the form of a special meta tag according to the specifications of the social media crawler to obtain the second page HTML; and respond the second page HTML to the social media crawler;

[0077] The social media crawler is used to obtain the image source file corresponding to the target dynamic image from the front-end server and the website image server according to the website sharing link; and send the image source file to the social media image server;

[0078] Social media image server, used to store image source files sent by social media crawlers;

[0079] Social media, display target dynamic images based on image source files.

[0080] A specific example, such as Figure 2 shown.

[0081] Access a page. Specifically, a user initiates a page access request to a client browser, i.e., a user browser.

[0082] Request page. Specifically, the client browser sends a page request to the front-end server in response to the first page access request.

[0083] Return the HTML of the page. Specifically, the front-end server feeds back the HTML of the first page to the client browser.

[0084] Click the share button to convert the HTML image to a Blob. Specifically, when a click operation on the target share button corresponding to the target dynamic image is recognized, the client browser calls the html2canvas library to convert the target dynamic image into a canvas image instance according to the target specific identifier; and converts the canvas image instance into a Blob instance.

[0085] Send the Blob instance. Specifically, the front-end server sends the Blob instance to the website image server.

[0086] Image link imageURL (target image URL) feedback. Specifically, the website image server generates the target image URL of the target dynamic image and feeds it back to the front-end server.

[0087] Website link sharing: Specifically, the client browser shares the website sharing link carrying the target image URL (imagURL) with the social media crawler.

[0088] The social media crawler accesses the target website to the front-end server based on the website sharing link, i.e., the website link with the imageURL. The front-end server parses the website sharing link to obtain the target image URL from the website sharing link, and according to the social media crawler specification, splices the target image URL into HTML in the form of a special meta tag, obtains the second page HTML, i.e., the page HTML (with the image metal tag), and feeds it back to the social media crawler.

[0089] The social media crawler parses the imageURL, i.e. the target image URL, from the special metal tag, obtains the image source file of the target dynamic image from the website image server and stores it in the social media image server.

[0090] When sharing and displaying pictures on social media, the target dynamic picture can be obtained from the social media picture server, and the target dynamic picture can be displayed on the social media dynamic page.

[0091] Embodiment 3

[0092] Figure 3 : is a schematic diagram of the structure of a dynamic page image sharing device provided according to the third embodiment of the present invention. This embodiment can be applied to the situation of how to share the real-time dynamic images of a website to social media. The device can be implemented in the form of hardware and / or software, and can be configured in an electronic device that carries the dynamic page image sharing function, such as a mobile terminal; optionally, the mobile terminal includes a client browser and social media, and the social media is configured with a social media crawler. Figure 3 As shown, the device comprises:

[0093] The target dynamic image sending module 310 is used to send the target dynamic image to the website image server through the client browser according to the target specific identifier of the target dynamic image when a click operation on the target sharing button corresponding to the target dynamic image is identified; wherein the target sharing button is used to indicate that the target dynamic image is shared to social media;

[0094] The target image URL feedback module 320 is used to obtain the target image URL fed back by the website image server through the client browser;

[0095] A website sharing link sharing module 330 is used to share a website sharing link with a target image URL to a social media crawler via a client browser;

[0096] The image source file acquisition module 340 is used to acquire the image source file corresponding to the target dynamic image according to the website sharing link through the social media crawler;

[0097] The target dynamic image display module 350 is used to display the target dynamic image based on the image source file through social media.

[0098] The technical solution of the embodiment of the present invention is to send the target dynamic image to the website image server through the client browser according to the target specific identifier of the target dynamic image when the click operation of the target sharing button corresponding to the target dynamic image is identified; wherein the target sharing button is used to indicate that the target dynamic image is shared to social media; the target image URL fed back by the website image server is obtained through the client browser; the website sharing link with the target image URL is shared to the social media crawler through the client browser; the image source file corresponding to the target dynamic image is obtained through the social media crawler according to the website sharing link; and the target dynamic image is displayed based on the image source file through social media. The above technical solution overcomes the disadvantage that when a website shares social media, it can only share static websites but not real-time dynamic images of the website, and supports users to share the current real-time dynamics of the website to social media.

[0099] Optionally, the target dynamic image sending module 310 is specifically used for:

[0100] The client browser calls the html2canvas library to convert the target dynamic image into a canvas image instance according to the target specific identifier;

[0101] Convert the canvas image instance into a Blob instance and send the Blob instance to the website image server.

[0102] Optionally, the picture source file acquisition module 340 is specifically used for:

[0103] Sending a second page access request including a website sharing link to the front-end server through the social media crawler, so that the front-end server obtains a target image URL from the website sharing link, and splices the target image URL into HTML in a special meta tag form according to the specification of the social media crawler to obtain the second page HTML; responding the second page HTML to the social media crawler;

[0104] Get the second page HTML fed back by the front-end server;

[0105] Parse the target image URL from the HTML tags of the second page's HTML;

[0106] Get the image source file from the website image server according to the target image URL.

[0107] Optionally, the device further includes a target dynamic page display module, which is used to:

[0108] In response to the first page access request, sending a page request to the front-end server;

[0109] Obtain the HTML of the first page fed back by the front-end server through the client browser;

[0110] The page is rendered according to the HTML of the first page to obtain and display a target dynamic page; wherein the target dynamic page includes a target dynamic graph; and the target dynamic graph is marked with a target specific identifier.

[0111] Optionally, the device further includes a graph storage module, which is used to:

[0112] Store the image source files on the social media image server.

[0113] The dynamic page image sharing device provided in the embodiment of the present invention can execute the dynamic page image sharing method provided in any embodiment of the present invention, and has the corresponding functional modules and beneficial effects of the execution method.

[0114] Embodiment 4

[0115] According to an embodiment of the present invention, the present invention also provides an electronic device, a readable storage medium and a computer program product.

[0116] Figure 4 is a schematic diagram of the structure of an electronic device for implementing the method for sharing dynamic page images according to an embodiment of the present invention, Figure 4 A schematic diagram of the structure of an electronic device 10 that can be used to implement an embodiment of the present invention is shown. The electronic device is intended to represent various forms of digital computers, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device can also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices (such as helmets, glasses, watches, etc.) and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely examples and are not intended to limit the implementation of the present invention described and / or required herein.

[0117] like Figure 4As shown, the electronic device 10 includes at least one processor 11, and a memory connected to the at least one processor 11, such as a read-only memory (ROM) 12, a random access memory (RAM) 13, etc., wherein the memory stores a computer program that can be executed by at least one processor, and the processor 11 can perform various appropriate actions and processes according to the computer program stored in the read-only memory (ROM) 12 or the computer program loaded from the storage unit 18 to the random access memory (RAM) 13. In the RAM 13, various programs and data required for the operation of the electronic device 10 can also be stored. The processor 11, the ROM 12, and the RAM 13 are connected to each other through a bus 14. An input / output (I / O) interface 15 is also connected to the bus 14.

[0118] A number of components in the electronic device 10 are connected to the I / O interface 15, including: an input unit 16, such as a keyboard, a mouse, etc.; an output unit 17, such as various types of displays, speakers, etc.; a storage unit 18, such as a disk, an optical disk, etc.; and a communication unit 19, such as a network card, a modem, a wireless communication transceiver, etc. The communication unit 19 allows the electronic device 10 to exchange information / data with other devices through a computer network such as the Internet and / or various telecommunication networks.

[0119] The processor 11 may be a variety of general and / or special processing components with processing and computing capabilities. Some examples of the processor 11 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various special artificial intelligence (AI) computing chips, various processors running machine learning model algorithms, a digital signal processor (DSP), and any appropriate processor, controller, microcontroller, etc. The processor 11 executes the various methods and processes described above, such as a method for sharing dynamic page images.

[0120] In some embodiments, the method for sharing a dynamic page image may be implemented as a computer program, which is tangibly contained in a computer-readable storage medium, such as a storage unit 18. In some embodiments, part or all of the computer program may be loaded and / or installed on the electronic device 10 via the ROM 12 and / or the communication unit 19. When the computer program is loaded into the RAM 13 and executed by the processor 11, one or more steps of the method for sharing a dynamic page image described above may be performed. Alternatively, in other embodiments, the processor 11 may be configured to execute the method for sharing a dynamic page image in any other appropriate manner (e.g., by means of firmware).

[0121] Various implementations of the systems and techniques described above herein can be implemented in digital electronic circuit systems, integrated circuit systems, field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), load programmable logic devices (CPLDs), computer hardware, firmware, software, and / or combinations thereof. These various implementations can include: being implemented in one or more computer programs that can be executed and / or interpreted on a programmable system including at least one programmable processor, which can be a special purpose or general purpose programmable processor that can receive data and instructions from a storage system, at least one input device, and at least one output device, and transmit data and instructions to the storage system, the at least one input device, and the at least one output device.

[0122] Computer programs for implementing the methods of the present invention may be written in any combination of one or more programming languages. These computer programs may be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing device, so that when the computer program is executed by the processor, the functions / operations specified in the flow chart and / or block diagram are implemented. The computer program may be executed entirely on the machine, partially on the machine, partially on the machine and partially on a remote machine as a stand-alone software package, or entirely on a remote machine or server.

[0123] In the context of the present invention, a computer-readable storage medium may be a tangible medium that may contain or store a computer program for use by or in combination with an instruction execution system, device or equipment. A computer-readable storage medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices or equipment, or any suitable combination of the foregoing. Alternatively, a computer-readable storage medium may be a machine-readable signal medium. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0124] To provide interaction with a user, the systems and techniques described herein may be implemented on an electronic device having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to the user; and a keyboard and a pointing device (e.g., a mouse or trackball) through which the user can provide input to the electronic device. Other types of devices may also be used to provide interaction with the user; for example, the feedback provided to the user may be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form (including acoustic input, voice input, or tactile input).

[0125] The systems and techniques described herein may be implemented in a computing system that includes backend components (e.g., as a data server), or a computing system that includes middleware components (e.g., an application server), or a computing system that includes frontend components (e.g., a user computer with a graphical user interface or a web browser through which a user can interact with implementations of the systems and techniques described herein), or a computing system that includes any combination of such backend components, middleware components, or frontend components. The components of the system may be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: a local area network (LAN), a wide area network (WAN), a blockchain network, and the Internet.

[0126] A computing system may include a client and a server. The client and the server are generally remote from each other and usually interact through a communication network. The client and server relationship is generated by computer programs running on the corresponding computers and having a client-server relationship with each other. The server may be a cloud server, also known as a cloud computing server or cloud host, which is a host product in the cloud computing service system to solve the defects of difficult management and weak business scalability in traditional physical hosts and VPS services.

[0127] It should be understood that the various forms of processes shown above can be used to reorder, add or delete steps. For example, the steps described in the present invention can be executed in parallel, sequentially or in different orders, as long as the desired results of the technical solution of the present invention can be achieved, and this document does not limit this.

[0128] The above specific implementations do not constitute a limitation on the protection scope of the present invention. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions can be made according to design requirements and other factors. Any modification, equivalent substitution and improvement made within the spirit and principle of the present invention should be included in the protection scope of the present invention.

Claims

1. A method for sharing dynamic page images, characterized in that: Applied to a mobile terminal, the mobile terminal includes a client browser and a social media, the social media is configured with a social media crawler, the method includes: When a click operation on a target sharing button corresponding to a target dynamic image is identified, the target dynamic image is sent to a website image server through the client browser according to a target specific identifier of the target dynamic image; wherein the target sharing button is used to indicate that the target dynamic image is shared to the social media; Obtaining the target image URL fed back by the website image server through the client browser; Sharing a website sharing link with the target image URL to the social media crawler through the client browser; Acquire the image source file corresponding to the target dynamic image according to the website sharing link by the social media crawler; The target dynamic image is displayed based on the image source file through the social media.

2. The method according to claim 1, characterized in that The target dynamic image is sent to a website image server by the client browser according to the target specific identifier of the target dynamic image, including: Calling the html2canvas library through the client browser to convert the target dynamic image into a canvas image instance according to the target specific identifier; The canvas image instance is converted into a Blob instance, and the Blob instance is sent to the website image server.

3. The method according to claim 1, characterized in that Obtaining the image source file corresponding to the target dynamic image according to the website sharing link by the social media crawler, including: Sending a second page access request including the website sharing link to the front-end server through the social media crawler, so that the front-end server obtains the target image URL from the website sharing link, and splices the target image URL into HTML in the form of a special meta tag according to the specification of the social media crawler to obtain the second page HTML; responding the second page HTML to the social media crawler; Obtain the HTML of the second page fed back by the front-end server; Parse the target image URL from the HTML tags of the second page HTML; The image source file is obtained from the website image server according to the target image URL.

4. The method according to claim 1, characterized in that: The method further comprises: In response to the first page access request, sending a page request to the front-end server; Obtaining the HTML of the first page fed back by the front-end server through the client browser; The page is rendered according to the HTML of the first page to obtain and display a target dynamic page; wherein the target dynamic page includes a target dynamic graph; and the target dynamic graph is marked with a target specific identifier.

5. The method according to claim 3, characterized in that: The method further comprises: The image source file is stored in a social media image server.

6. A dynamic page image sharing system, characterized in that: The system comprises a mobile terminal, a front-end server, a website image server and a social media image server, wherein the mobile terminal comprises a client browser and social media, and the social media is configured with a social media crawler, and is characterized in that it comprises: The client browser is used to send the target dynamic image to the website image server according to the target specific identifier of the target dynamic image when recognizing a click operation on the target sharing button corresponding to the target dynamic image; wherein the target sharing button is used to indicate that the target dynamic image is shared to the social media; obtain the target image URL fed back by the website image server; and share the website sharing link with the target image URL to the social media crawler; The front-end server is used to respond to the page request sent by the client browser and feed back the first page HTML to the client browser; The website image server is used to convert the Blob instance of the target dynamic image into the target PNG format for storage; generate the target image URL and respond to the client browser; The front-end server is further used to obtain the target image URL from the website sharing link, and splice the target image URL into HTML in the form of a special meta tag according to the specification of the social media crawler to obtain the second page HTML; and respond the second page HTML to the social media crawler; The social media crawler is used to obtain the image source file corresponding to the target dynamic image from the front-end server and the website image server according to the website sharing link; and send the image source file to the social media image server; The social media image server is used to store the image source file sent by the social media crawler; The social media displays the target dynamic image based on the image source file.

7. A device for sharing dynamic page images, characterized in that: The device is configured on a mobile terminal, the mobile terminal includes a client browser and a social media, the social media is configured with a social media crawler, and the device includes: A target dynamic image sending module is used to send the target dynamic image to the website image server through the client browser according to the target specific identifier of the target dynamic image when a click operation on the target sharing button corresponding to the target dynamic image is identified; wherein the target sharing button is used to indicate that the target dynamic image is shared to the social media; A target image URL feedback module is used to obtain the target image URL fed back by the website image server through the client browser; A website sharing link sharing module, used to share a website sharing link with the target image URL to the social media crawler through the client browser; A picture source file acquisition module, used to acquire the picture source file corresponding to the target dynamic image according to the website sharing link through the social media crawler; The target dynamic image display module is used to display the target dynamic image based on the image source file through the social media.

8. An electronic device, characterized in that: The electronic device comprises: at least one processor; and a memory communicatively connected to the at least one processor; wherein, The memory stores a computer program that can be executed by the at least one processor, and the computer program is executed by the at least one processor so that the at least one processor can execute the dynamic page image sharing method described in any one of claims 1-5.

9. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer instructions, and the computer instructions are used to enable a processor to implement the method for sharing a dynamic page image according to any one of claims 1 to 5 when executed.

10. A computer program product, characterized in that The computer program product comprises a computer program, and when the computer program is executed by a processor, the computer program implements the method for sharing a dynamic page image according to any one of claims 1 to 5.