Image configuration method and device and storage medium

Abstract

The invention relates to the technical field of image processing, in particular to an image configuration method and device and a storage medium. Comprising the steps of determining a to-be-configured item identifier in response to an operation of triggering a to-be-configured item of a to-be-configured image in a target application page by a user; when it is determined that an image classification mode corresponding to the to-be-configured item is a configuration item classification mode according to the to-be-configured item identifier and a corresponding relation between the configuration item identifier and the image classification mode, traversing and searching at least one historical image from a preset database according to the to-be-configured item identifier; displaying at least one historical image; and in response to an operation of triggering a target historical image in the at least one historical image by a user, taking the target historical image as an image of the to-be-configured item, and applying the target historical image to the to-be-configured item. The embodiment of the invention is used for solving the problem of resource waste caused by uploading of repeated images.

Description

Technical Field

[0001] The present application relates to the field of image processing technology, and in particular to an image configuration method, device and storage medium. Background Art

[0002] During the front-end development process, developers usually select appropriate images to configure images in the application display page, such as avatars, icons, page backgrounds, and event promotional images. With the iterative development of the application, developers may update and configure images on some application display pages. For example, on a special holiday, a special theme image needs to be configured separately, and after the holiday, the special theme image needs to be restored to the image before the holiday.

[0003] At present, developers usually configure the corresponding images of application display pages by uploading images from local devices to corresponding applications for configuration. As applications are constantly updated, this will result in a large number of duplicate uploaded images in the application, resulting in a waste of resources. Summary of the invention

[0004] In order to solve the above technical problems, the present application provides an image configuration method, device and storage medium, which can solve the problem of resource waste caused by uploading duplicate images.

[0005] In a first aspect, the present application provides an image configuration method, comprising: in response to a user triggering an operation of a to-be-configured item that requires image configuration in a target application page, determining an identifier of the to-be-configured item; when it is determined that the image classification method corresponding to the to-be-configured item is a classification method according to the configuration item based on the correspondence between the identifier of the to-be-configured item and the identifier of the configuration item and the image classification method, traversing and searching for at least one historical image from a preset database according to the identifier of the to-be-configured item; the image classification method is used to indicate a method for obtaining an image corresponding to the to-be-configured item; the classification method according to the configuration item is used to indicate obtaining all images corresponding to the configuration item; a database stores multiple images configured by the user for the target application; displays at least one historical image; in response to a user triggering an operation of a target historical image in at least one historical image, using the target historical image as the image of the to-be-configured item and applying it to the to-be-configured item.

[0006] In a second aspect, the present application provides an image configuration device, including: a determination module, for determining an identifier of an item to be configured in response to a user triggering an operation of a to-be-configured item that requires image configuration in a target application page; a query module, for, when determining that the image classification method corresponding to the item to be configured is according to the configuration item classification method based on the correspondence between the to-be-configured item identifier and the configuration item identifier and the image classification method, traverse and search for at least one historical image from a preset database according to the to-be-configured item identifier; the image classification method is used to indicate a method for obtaining an image corresponding to the item to be configured; the configuration item classification method is used to indicate obtaining all images corresponding to the configuration item; a database stores multiple images configured by users for the target application; a display module is used to display at least one historical image; a configuration module is used to, in response to a user triggering an operation of a target historical image in at least one historical image, use the target historical image as the image of the item to be configured and apply it to the item to be configured.

[0007] In a third aspect, the present application provides an electronic device, comprising: a processor, a memory, and a computer program stored in the memory and executable on the processor, wherein when the computer program is executed by the processor, the image configuration method of the first aspect is implemented.

[0008] In a fourth aspect, the present application provides a computer-readable storage medium, comprising: a computer program is stored on the computer-readable storage medium, and when the computer program is executed by a processor, the image configuration method of the first aspect is implemented.

[0009] In a fifth aspect, the present application provides a computer program product, comprising: when the computer program product is run on a computer, the computer implements the image configuration method as in the first aspect.

[0010] Compared with the prior art, the technical solution provided by the present application has the following advantages: first, in response to the user triggering the operation of the to-be-configured item that needs to be configured in the target application page, the identifier of the to-be-configured item is determined. Afterwards, when it is determined that the image classification method corresponding to the to-be-configured item is the classification method according to the configuration item according to the corresponding relationship between the identifier of the to-be-configured item and the identifier of the configuration item and the image classification method, at least one historical image is traversed and searched from the preset database according to the identifier of the to-be-configured item, and at least one historical image is displayed. Among them, the image classification method is used to indicate the method of obtaining the image corresponding to the to-be-configured item; the classification method according to the configuration item is used to indicate obtaining all images corresponding to the configuration item; and the database stores images configured by multiple users for the target application. Finally, in response to the user triggering the operation of the target historical image in at least one historical image, the target historical image is used as the image of the to-be-configured item and applied to the to-be-configured item. In this way, when the developer configures the image for the to-be-configured item, he can select all the uploaded historical images corresponding to the to-be-configured item to reconfigure the to-be-configured item, avoiding the problem that each time the image is configured for the configuration item, the application has a large number of duplicate uploaded images that need to be re-uploaded, which greatly saves resources. In addition, it can also skip the local file search and upload waiting time, improving upload efficiency and user experience.

[0011] In this application, the names of the above devices do not limit the devices or functional modules themselves. In actual implementation, these devices or functional modules may appear with other names. As long as the functions of each device or functional module are similar to those of this application, they are within the scope of protection of this application.

[0012] These and other aspects of the present application will become more apparent from the following description. BRIEF DESCRIPTION OF THE DRAWINGS

[0013] The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present application and, together with the description, serve to explain the principles of the present application.

[0014] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, for ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative labor.

[0015] Figure 1 A schematic diagram of an application scenario of the image configuration method provided in an embodiment of the present application;

[0016] Figure 2 One of the flowcharts of the image configuration method provided in the embodiment of the present application;

[0017] Figure 3One of the display interface schematic diagrams is provided for the embodiment of the present application;

[0018] Figure 4 Provides a second display interface schematic diagram for an embodiment of the present application;

[0019] Figure 5 The second flowchart of the image configuration method provided in the embodiment of the present application;

[0020] Figure 6 The third flowchart of the image configuration method provided in the embodiment of the present application;

[0021] Figure 7 A third schematic diagram of a display interface is provided for an embodiment of the present application;

[0022] Figure 8 A fourth schematic diagram of a display interface is provided for an embodiment of the present application;

[0023] Fig. 9 A fourth flowchart of the image configuration method provided in an embodiment of the present application;

[0024] Fig.10 A fifth display interface diagram is provided for an embodiment of the present application;

[0025] Fig.11 The fifth flowchart of the image configuration method provided in the embodiment of the present application;

[0026] Fig.12 Provides a sixth display interface schematic diagram for an embodiment of the present application;

[0027] Fig.13 A schematic diagram of the structure of an image configuration device provided in an embodiment of the present application;

[0028] Fig.14 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0029] In order to more clearly understand the above-mentioned purposes, features and advantages of the present application, the scheme of the present application will be further described below. It should be noted that the embodiments of the present application and the features in the embodiments can be combined with each other without conflict.

[0030] In the following description, many specific details are set forth to facilitate a full understanding of the present application, but the present application may also be implemented in other ways different from those described herein; obviously, the embodiments in the specification are only part of the embodiments of the present application, rather than all of the embodiments.

[0031] Figure 1 Schematic diagram of the scene architecture of the image configuration method provided in the embodiment of the present application. Figure 1 As shown, the scenario architecture provided by the embodiment of the present application includes: a server 100 and an electronic device 200.

[0032] The electronic device 200 provided in the embodiment of the present application may have various implementation forms, for example, it may be a mobile phone, a personal computer (PC), a smart TV, a laser projection device, a TV, a monitor, a wearable device, a vehicle-mounted device, an electronic table, etc.

[0033] In some embodiments, upon receiving the image configuration instruction, the electronic device 200 may communicate data with the server 100. The electronic device 200 may be allowed to communicate with the server 100 via a local area network (LAN) or a wireless local area network (WLAN).

[0034] The server 100 may be a server that provides various services, such as a server that supports images uploaded by the electronic device 200. The server may perform operations such as information extraction and integration processing on the uploaded images, and feed back the processing results (such as image information) to the electronic device 200. The server 100 may be a server cluster or multiple server clusters, and may include one or more types of servers.

[0035] The image configuration device provided in the embodiment of the present application can be hardware or software. When the image configuration device is hardware, it can be various electronic devices 200 with image configuration functions, including but not limited to smart phones, televisions, tablet computers, smart watches, computers, AI devices, robots, smart vehicles, etc. When the image configuration device is software, it can be installed in the electronic devices 200 listed above. It can be implemented as multiple software or software modules (for example, for providing image configuration services), or it can be implemented as a single software or software module. It is not specifically limited here.

[0036] It should be noted that the image configuration method provided in the embodiment of the present application can be executed by the electronic device 200, or can be executed jointly by the server 100 and the electronic device 200.

[0037] Figure 2 A flowchart of the image configuration method provided in the embodiment of the present application is shown in FIG. Figure 2 As shown, the image configuration method may include the following steps.

[0038] S11 . In response to a user triggering an operation of a to-be-configured item requiring image configuration in a target application page, an identifier of the to-be-configured item is determined.

[0039] First, the user triggers the operation of the to-be-configured item that needs to configure the image in the target application page by triggering the corresponding control, option, shortcut key, etc.

[0040] For example, when a user wants to configure an image for a certain item to be configured on a page, the user can call up the image source display interface by triggering the page configuration control corresponding to the item to be configured on the page. Then, the operation is triggered on the image source selection interface. For example, Figure 3 As shown in A in FIG. 1 , the image source selection interface may include an upload control 301 and a history gallery control 302. The upload control 301 is used to select a local image, and the history gallery control 302 is used to select a historical uploaded image. That is, when the user triggers the history gallery control, the operation of the configuration item can be triggered.

[0041] In some embodiments, the image source selection interface 300 may also include first prompt information for selectable images. Figure 3 As shown in B in FIG. 1 , the first prompt information 303 may be: support uploading files in jpeg, png, and gif formats, and the single file is limited to 5M. The image source selection interface 300 may also include local images 304 uploaded by the user.

[0042] Secondly, in response to the user triggering the operation of the to-be-configured item in the target application page that needs to configure the image, the to-be-configured item identifier is determined. Specifically, the image configuration device can capture the event source of the user triggering operation (such as Figure 3 The history gallery control 302 in the example above is combined with the unique identifier of the page element (such as class name, custom attribute, etc.) and the context location thereof to dynamically parse and determine the identifier of the item to be configured.

[0043] S12: when it is determined that the image classification method corresponding to the item to be configured is the configuration item classification method according to the identification of the item to be configured and the correspondence between the identification of the configuration item and the image classification method, search for at least one historical image in a preset database according to the identification of the item to be configured.

[0044] The image classification method is used to indicate the method of obtaining the image corresponding to the item to be configured; the classification method according to the configuration item is used to indicate obtaining all images corresponding to the configuration item. In some embodiments, the image classification method may include one or more of the classification methods according to the configuration item, the classification method according to the user, the classification method according to the size, and the classification method according to the upload time.

[0045] First, the method of determining the image classification method corresponding to the item to be configured may be to determine the image classification method corresponding to the item to be configured from a preset corresponding relationship. The preset corresponding relationship includes a configuration item identifier of at least one configuration item and an image classification method corresponding to each configuration item. Alternatively, the image classification method corresponding to the item to be configured may be called from a preset interface corresponding to the item to be configured. The preset interface defines the image classification method corresponding to the item to be configured.

[0046] Secondly, at least one historical image is searched from a preset database according to the identifier of the item to be configured, wherein the database stores multiple images configured by users for the target application and the identifiers of the configuration items corresponding to the images.

[0047] Specifically, at least one historical image corresponding to the image classification method is traversed and searched from the database according to the identifier of the item to be configured. For example, when the image classification method is the classification method according to the configuration item, at least one historical image corresponding to the image classification method is directly traversed and searched from the database according to the identifier of the item to be configured; when the image classification method is the classification method according to the configuration item and the classification method according to the size, and the corresponding size range is 0-3000kb, then the historical images with image sizes in the range of 0-3000kb are traversed and searched from the database according to the identifier of the item to be configured, and at least one historical image is obtained. For another example, when the image classification method is the classification method according to the configuration item and the classification method according to the upload time, and the corresponding upload time is between xx:00 on xx / xx / xx and xxx:00 on xx / xx / xx, then the historical images with image upload times between xx:00 on xx / xx / xx and xxx:00 on xx / xx / xx are traversed and searched from the database according to the identifier of the item to be configured, and at least one historical image is obtained.

[0048] In some embodiments, before searching for at least one historical image from a preset database according to the identifier of the item to be configured, when the user corresponding to the item to be configured uploads a local image for the item to be configured, the image configuration device saves the upload record to the database, thereby realizing the data storage of the historical uploaded images. The upload record may include the identifier of the item to be configured, the local image uploaded this time, the user identifier of the uploading user, information of each local image, etc.

[0049] In this way, the method of traversing and searching at least one historical image from the database can be to traverse and search at least one historical image by calling the upload record through the first interface. Among them, the first interface is an interface for reading the upload record, and the parameter configuration of the first interface can be as shown in Table 1 below, the page size (page size) is used to represent the number of historical images displayed per page, the page number (page no) is used to represent the number of the current requested data page, the user name (username) is used to represent the user ID corresponding to the user who uploaded the historical image, and the source (source) is used to represent the software or platform corresponding to the configuration item.

[0050] Table 1

[0051] parameter type default Must be passed pagesize number 20 N pageno number 1 N username string ** Y source string ** Y

[0052] In some embodiments, the first interface may be called through axios to match at least one historical image.

[0053] In some embodiments, when it is determined that the image classification method corresponding to the item to be configured is a user classification method according to the correspondence between the item identifier to be configured and the configuration item identifier and the image classification method, the current user identifier is obtained, and at least one historical image is traversed and searched from a preset database according to the item identifier to be configured and the current user identifier. The current user identifier is the identifier of the user currently logged in to the target application, and is used to indicate that all images corresponding to the current user and the configuration item are obtained according to the user classification method.

[0054] Specifically, the method of traversing and searching for at least one historical image from a preset database according to the identifier of the item to be configured and the current user identifier is the same as the above-mentioned method of traversing and searching for at least one historical image from a preset database according to the identifier of the item to be configured, which will not be repeated here.

[0055] In the above scheme, when determining historical images, the historical images are classified according to the configuration items or according to the user classification, so as to more quickly filter out the historical images corresponding to the items to be configured, or the historical images uploaded by the current user in the items to be configured. In this way, historical images can be obtained on demand, avoiding the waste of overhead caused by obtaining all historical images at one time, and improving system performance; in addition, historical images can be classified according to the items to be configured or according to the user classification method according to different configuration items, and relevant historical images can be dynamically displayed, making the user experience more personalized.

[0056] S13. Display at least one historical image.

[0057] Specifically, at least one historical image may be displayed on the first display interface. The first display interface is the display interface corresponding to the operation triggered by the user in step S11. Figure 3When the history gallery control in A or B is displayed, the operation can be triggered to display the following Figure 4 The first display interface 320 shown displays at least one historical image.

[0058] In some embodiments, if no historical image is found in the database according to the image classification method and the identifier of the item to be configured, a second prompt message may be displayed on the first display interface. The second prompt message is used to prompt that no historical image is matched. For example, the second prompt message may be "No data", "No historical image is matched", etc.

[0059] S14. In response to a user triggering an operation of a target historical image in at least one historical image, the target historical image is used as an image of the item to be configured and applied to the item to be configured.

[0060] Specifically, the user can select a historical image used to configure the item to be configured in the first display interface as the target historical image, and after the selection is completed, trigger the selection confirmation operation to complete the image configuration of the item to be configured. Figure 4 In the first display interface 320 shown, when the user selects historical image 1, historical image 3, and historical image 4 and triggers the selection confirmation operation, the image configuration device determines historical image 1, historical image 3, and historical image 4 as target historical images. Afterwards, the target historical image is used as the image of the item to be configured and applied to the item to be configured.

[0061] In the above scheme, first, in response to the user triggering the operation of the to-be-configured item that needs to be configured in the target application page, the identifier of the to-be-configured item is determined. Afterwards, when it is determined that the image classification method corresponding to the to-be-configured item is the classification method according to the configuration item according to the corresponding relationship between the identifier of the to-be-configured item and the identifier of the configuration item and the image classification method, at least one historical image is traversed and searched from the preset database according to the identifier of the to-be-configured item, and at least one historical image is displayed. Among them, the image classification method is used to indicate the method of obtaining the image corresponding to the to-be-configured item; the classification method according to the configuration item is used to indicate obtaining all images corresponding to the configuration item; and the database stores multiple images configured by users for the target application. Finally, in response to the user triggering the operation of the target historical image in at least one historical image, the target historical image is used as the image of the to-be-configured item and applied to the to-be-configured item. In this way, when the developer configures the image for the to-be-configured item, he can select all the uploaded historical images corresponding to the to-be-configured item to reconfigure the to-be-configured item, avoiding the problem that each time the configuration item is configured, the image needs to be re-uploaded, resulting in a large number of duplicate uploaded images in the application, which greatly saves resources. In addition, it can also skip the local file search and upload waiting time, improving the upload efficiency and user experience.

[0062] In some embodiments, Figure 5 As shown, the image configuration method also includes:

[0063] S01. In response to a user configuring an image for any configuration item in a target application page, determining a configuration item identifier of the configuration item and a user identifier of a target application login user.

[0064] S02. Store the configuration item identifier, user identifier and image in a database.

[0065] Specifically, when the user configures an image for a configuration item in the target application, the configuration item identifier, the user identifier, and the image are recorded, and the configuration item identifier, the user identifier, and the image are formed into an upload record and stored in the database.

[0066] S121. When it is determined that the image classification method corresponding to the item to be configured is the configuration item classification method according to the correspondence between the item to be configured identifier and the configuration item identifier and the image classification method, traverse and search for at least one historical image having the same configuration item identifier as the item to be configured identifier in a preset database.

[0067] Specifically, when the image classification method is based on the configuration item classification method, it is determined that the historical images to be acquired are acquired based on the configuration item, that is, all historical images corresponding to the item to be configured are acquired. At this time, according to the identifier of the item to be configured, all historical images whose configuration item identifier is the same as the identifier of the item to be configured are traversed from the database.

[0068] S122. When it is determined that the image classification method corresponding to the item to be configured is the user classification method according to the correspondence between the identifier of the item to be configured and the identifier of the configuration item and the image classification method, at least one historical image whose identifier of the configuration item is the same as the identifier of the item to be configured and whose user identifier is the same as the current user identifier is searched from a preset database.

[0069] Specifically, when the image classification method is user classification, the historical images to be obtained are determined to be obtained based on the user dimension, that is, all historical images configured by the current user for the item to be configured are obtained. At this time, according to the identifier of the item to be configured and the current user identifier, all historical images whose configuration item identifier is the same as the identifier of the item to be configured and whose user identifier is the same as the current user identifier are traversed from the database.

[0070] In the above scheme, in response to the user's operation of configuring an image for any configuration item in the target application page, the configuration item identifier of the configuration item and the user identifier of the target application login user are determined, and the configuration item identifier, user identifier and image are stored in the database. When determining the historical image, the historical image is classified according to the configuration item or according to the user classification, so as to more quickly filter out the historical image corresponding to the item to be configured, or the historical image uploaded by the current user in the item to be configured. In this way, on the one hand, when the user configures the image for the configuration item, the configuration record can be saved in the database, so that the historical image can be directly searched from the database later, avoiding the problem that each time the image is configured for the configuration item, it is necessary to re-upload and cause a large number of images to be repeatedly uploaded in the application, which greatly saves resources. On the other hand, the historical image can be obtained on demand, avoiding the waste of overhead caused by obtaining all historical images at one time, and improving the system performance; in addition, the historical image can be classified according to the item to be configured or according to the user classification method according to the image classification method of different configuration items, and the relevant historical images can be dynamically displayed, so that the user experience is more personalized.

[0071] In some embodiments, Figure 6 As shown, the image configuration method also includes:

[0072] S131. Display at least one historical image on a first display interface.

[0073] Specifically, the first display interface may include multiple history display areas, and a history display area includes a first display sub-area and a second display sub-area. Figure 7 As shown, the method of displaying at least one historical image on the first display interface 320 may be: displaying a historical image (such as historical image 1) in the first display sub-area 322 of the target history display area 321, and displaying a collection control 324 in the second display sub-area 323 of the target history display area 321. The target history display area is an idle history display area, and one target history display area corresponds to one historical image.

[0074] After displaying at least one historical image, the image configuration method further comprises the following steps:

[0075] S22: In response to a collection operation triggered by a user on any image among the at least one historical image, displaying the image as a collection image on a second display interface.

[0076] The second display interface is different from the first display interface and is used to display all favorite images.

[0077] First, the user can perform the collection operation on the historical image by triggering the corresponding control, option, shortcut key, etc. For example, the user can perform the collection operation on the historical image by triggering the corresponding control, option, shortcut key, etc. Figure 7 The collection control 324 shown is used to perform the collection operation on the historical image 1.

[0078] Secondly, the favorite images are displayed on the second display interface.

[0079] Specifically, similar to the first display interface, the second display interface may include multiple favorites display areas, and a favorites display area includes a third display sub-area and a fourth display sub-area. Figure 8 As shown, the method of displaying at least one favorite image on the second display interface 330 may be: displaying a favorite image (such as historical image 3) in the third display sub-area 332 of the target favorite display area 331, and displaying a cancel favorite control 334 in the fourth display sub-area 333 of the target favorite display area 331. The target favorite display area is an idle favorite display area, and one target favorite display area corresponds to one favorite image.

[0080] In some embodiments, when the user triggers the collection operation of the favorite image, the favorite image can be displayed in the third display sub-area corresponding to the favorite display area, and the cancel collection control can be displayed in the fourth display sub-area of ​​the favorite display area by calling the second interface. The parameter configuration of the second interface can be as shown in Table 2 below, where the username (username) is used to represent the user ID corresponding to the user who collected the image, the Uniform Resource Locator (url) is used to represent the address of the favorite image, the name (name) is used to represent the image name of the favorite image, and the source (source) is used to represent the software or platform corresponding to the item to be configured.

[0081] Table 2

[0082] parameter type default Must be passed username string ** Y url string ** Y name string ** Y source string ** Y

[0083] In some embodiments, when a user performs a collection operation on a favorite image, the collection operation may be performed by triggering a corresponding control, and after the favorite image is displayed on the second display interface, the collection control corresponding to the favorite image in the first display interface is updated to a cancel collection control.

[0084] In some embodiments, after the favorite image is displayed on the second display interface, the image configuration method further includes: in response to a cancel operation on the favorite image, deleting the canceled favorite image on the second display interface.

[0085] First, the user can cancel the favorite operation by triggering a corresponding control, option, shortcut key, etc. Figure 8 The uncollection control 334 shown is used to perform the uncollection operation on the historical image 3.

[0086] Specifically, in response to the uncollection operation on the favorite image, the manner of deleting the uncollected image on the second display interface may be to determine the image identifier of the uncollected image in response to the uncollection operation on the favorite image. The image identifier is information that can uniquely identify the uncollected image, for example, the image identifier may be the image name, image sequence number, etc. of the uncollected image. Afterwards, the collection display area corresponding to the favorite image corresponding to the image identifier is cleared in the second display interface.

[0087] In some embodiments, when the user triggers the uncollection operation of the favorite image, the corresponding favorite display area can be cleared according to the image identifier by calling the third interface. The parameter configuration of the third interface can be as shown in Table 3 below, where the username (username) is used to represent the user identifier corresponding to the user who uncollects the image, the Uniform Resource Locator (url) is used to represent the address of the uncollected image, the name (name) is used to represent the image identifier of the uncollected image, and the source (source) is used to represent the software or platform corresponding to the item to be configured.

[0088] Table 3

[0089] parameter type default Must be passed username string ** Y url string ** Y name string ** N source string ** Y

[0090] In some embodiments, when a user performs favorite operations and cancels favorite operations on a favorite image by triggering corresponding controls, after the favorite image is deleted from the second display interface, the cancel favorite control corresponding to the favorite image in the first display interface is updated to a favorite control.

[0091] In some embodiments, after deleting the uncollected image in the second display interface, the image configuration method further includes: moving all the collected images displayed after the uncollected image is moved forward by one collection display area to avoid blank display and ensure the neatness of the second display interface.

[0092] In some embodiments, when the user has not collected an image, a third prompt message may be displayed on the second display interface. The third prompt message is used to prompt that the image has not been collected. For example, the third prompt message may be "No data", "No image has been collected yet, you can collect the image by triggering XX", etc.

[0093] S23 . In response to the user triggering an operation of selecting a target favorite image in the favorite images, taking the target favorite image as a configuration image of the item to be configured and applying it to the item to be configured.

[0094] Specifically, when the user configures an image for the item to be configured, the user may also select a favorite image on the second display interface to configure the item to be configured.

[0095] In the above scheme, users are supported to collect and cancel images from collection. In this way, after the user collects an image, the collected image can be directly viewed in the second display interface, avoiding the impact on the user caused by the need to filter from multiple historical images that have not been collected when the user wants to view the collected image again, saving the user's time and improving the user experience. In addition, after the user collects an image, the collection can be canceled at any time, which improves the flexibility of image configuration. In addition, it can also support multi-dimensional configurations such as local image configuration, historical image configuration, and collection image configuration, which can adapt to the needs of various business scenarios and improve the user experience.

[0096] In some embodiments, Fig. 9 As shown, before displaying at least one historical image on the first display interface, the image configuration method further includes the following steps:

[0097] S31. Obtain information of at least one historical image.

[0098] The image information is used to indicate the external attribute characteristics of the image. The image information may include various information corresponding to the historical image that can be verified, such as name, format, resolution, size, image file size, etc.

[0099] Specifically, a method of obtaining the image information of at least one historical image may be to obtain the image information of at least one historical image from an upload record.

[0100] S32: Verify the information of each historical image according to preset information to determine qualified images that meet the preset information and unqualified images that do not meet the preset information.

[0101] The preset information is a preset standard of image information. When the image information is within the standard range, the corresponding image is correctly displayed on the first display interface.

[0102] In some embodiments, the preset information is related to the first display interface; or, the preset information is related to the item to be configured; or, the preset information is related to both the item to be configured and the first display interface.

[0103] Specifically, props can be used to verify the image information of each historical image according to preset information to determine qualified images and unqualified images.

[0104] In this way, the at least one historical image may be displayed on the first display interface:

[0105] S132: Display the qualified image at the top of the first display interface, display the unqualified image at the bottom of the first display interface in a grayed-out manner, and set the unqualified image to be uneditable.

[0106] Specifically, the top display method may be to display qualified historical images before the original historical images; the bottom display method may be to display unqualified historical images after the original historical images without leaving any free display area. In some embodiments, qualified images may be displayed at the top of the display interface corresponding to the history tab through Vue Hooks and encapsulated Tab components, unqualified images may be grayed out and displayed at the bottom of the display interface corresponding to the history tab, and the corresponding controls of unqualified images may be set to be uneditable.

[0107] In some embodiments, when displaying favorite images on the second display interface, the image information of each favorite image can also be verified according to preset information of the second display interface, and qualified favorite images can be displayed at the top of the second display interface, while unqualified favorite images can be grayed out and displayed at the bottom of the second display interface, and the corresponding controls of the unqualified images can be set to be uneditable.

[0108] In the above scheme, the historical images displayed in the first display interface can be verified, and the historical images that have passed the verification can be displayed at the top, while the unqualified historical images can be grayed out and displayed at the bottom in an uneditable manner. This can ensure the security of uploaded historical images, ensure the security of system data and user data, prevent the uploading of malicious files and data leakage, and avoid the problem that users upload unqualified images and do not display them directly, or cause abnormalities in the display interface, thereby improving the user experience.

[0109] In some embodiments, after displaying at least one historical image on the first display interface, the image configuration method further includes: when detecting that the cursor is located in the display area of ​​the target image, displaying image information of the target image.

[0110] The target image is any historical image or any collection image. Fig.10 In the first display interface shown in A of FIG. 1 , the user moves the cursor to the display area of ​​the historical image 2, and the image information 325 of the historical image 2 is displayed; Fig.10 In the second display interface shown in B, the user moves the cursor to the display area of ​​the historical image 9, and the image information 335 of the historical image 9 is displayed.

[0111] In some embodiments, image information of a target image can be displayed through Vue Hooks and a packaged Tab component.

[0112] In the above solution, the user can view the image information of the historical image by moving the cursor, which reduces redundant operations, simplifies the process, improves the user experience, and thus increases user stickiness.

[0113] In some embodiments, Fig.11 As shown, the method of displaying at least one historical image on the first display interface may include the following steps:

[0114] S127: Determine the sum of the number of at least one historical image and the number of historical images currently displayed in the first display interface as a first sum value.

[0115] For example, the number of at least one historical image is 18, and the number of historical images currently displayed in the first display interface is 12, then the first sum is 18+12=30.

[0116] S128. When the first sum is greater than a first threshold, display N historical images with the latest upload time on the first display interface.

[0117] Wherein, N is less than or equal to the first threshold value, and the first threshold value is preset, for example, a default value, or a value set by relevant personnel according to actual conditions; for another example, the first threshold value is 20. Exemplarily, when the first sum value is 30, the first threshold value is 20, and N=20, it can be seen from 30>20 that the first sum value is greater than the first threshold value, and the 20 historical images with the latest upload time are displayed on the first display interface.

[0118] In some embodiments, the upload time of the historical images may be determined by obtaining the upload time of each historical image from the upload record.

[0119] Similarly, when displaying favorite images on the second display interface, if the sum of the number of favorite images and the favorite images originally displayed in the second display interface is greater than the second threshold, then the M favorite images with the latest upload time will be displayed on the second display interface, where M is less than or equal to the second threshold.

[0120] In the above scheme, when displaying historical images on the first display interface, if the total number of historical images exceeds the total number that can be displayed on the corresponding page, a part of historical images with a later upload time will be retained, avoiding abnormal problems that may occur when the display interface displays excessive images, and ensuring the normal operation of the image configuration method.

[0121] In some embodiments, the target area further includes a magnification control; the target area is a second display sub-area corresponding to the first display sub-area displaying the historical image, or a fourth display sub-area corresponding to the third display sub-area displaying the collection image. After displaying at least one historical image on the first display interface, the image configuration method further includes: in response to a triggering operation on the magnification control, displaying the historical image corresponding to the target area at a target size. The target size is preset, and the target size is larger than the original size of the historical image.

[0122] For example, Fig.12 As shown, the first display interface includes a zoom control 326, and the second display interface includes a zoom control 336. Fig.12 In the first display interface shown in A of FIG. 1 , the user triggers the zoom control corresponding to the historical image 2, and the historical image 2 is displayed at the target size, corresponding to the display interface 340; Fig.12 In the second display interface shown in B, the user triggers the zoom control corresponding to the historical image 5, and the historical image 5 is displayed at the target size, corresponding to the display interface 350.

[0123] In the above solution, the user can zoom in and view the historical image by triggering the zoom control corresponding to the historical image, so that the user can observe the details in the historical image and select a more appropriate historical image configuration page.

[0124] In some embodiments, before acquiring at least one historical image, the image configuration method further includes saving an upload record when a user uploads a local image. For example, the customized upload behavior can be implemented by customizing the http-request attribute of the El-upload component to ensure that the upload record can be saved when the local image is uploaded. The upload record may include the uploaded image and the image information of each image, so as to facilitate the subsequent acquisition of the historical image and the image information of the historical image from the upload record.

[0125] In some embodiments, the method of displaying at least one historical image on the first display interface may also be to display at least one historical image on the first display interface in a lazy loading manner in response to a user's sliding operation; or to display at least one historical image on the first display interface in the form of page turning. Similarly, the method of displaying favorite images on the second display interface may also be to display favorite images on the second display interface in a lazy loading manner in response to a user's sliding operation; or to display favorite images on the second display interface in the form of page turning. In this way, the display method of historical images can be made more flexible, the user experience can be improved, and even when there are a large number of historical images, the page fluency can still be guaranteed, thereby improving the overall performance.

[0126] The embodiment of the present application can divide the functional modules of the image configuration device according to the above method example. For example, each functional module can be divided according to each function, or two or more functions can be integrated into one processing unit. The above integrated modules can be implemented in the form of hardware or in the form of software functional modules. It should be noted that the division of modules in the embodiment of the present application is schematic and is only a logical function division. There may be other division methods in actual implementation.

[0127] like Fig.13 As shown, the embodiment of the present application provides a structural schematic diagram of an image configuration device 90. The image configuration device 90 includes a determination module 91, a query module 92, a display module 93 and a configuration module 94.

[0128] A determination module 91 is used to determine the identifier of the item to be configured in response to a user triggering an operation of a to-be-configured item that needs to be configured with an image in a target application page; a query module 92 is used to, when it is determined that the image classification method corresponding to the item to be configured is a classification method according to the configuration item based on the correspondence between the identifier of the item to be configured and the identifier of the configuration item and the image classification method, traverse and search for at least one historical image from a preset database according to the identifier of the item to be configured; the image classification method is used to indicate a method for obtaining an image corresponding to the item to be configured; the classification method according to the configuration item is used to indicate obtaining all images corresponding to the configuration item; a database stores multiple images configured by the user for the target application; a display module 93 is used to display at least one historical image; a configuration module 94 is used to, in response to a user triggering an operation of a target historical image in at least one historical image, use the target historical image as the image of the item to be configured and apply it to the item to be configured.

[0129] In some embodiments, the query module 92 is further used to obtain the current user identifier when it is determined that the image classification method corresponding to the item to be configured is a user classification method based on the correspondence between the identifier of the item to be configured and the identifier of the configuration item and the image classification method, and to traverse and search for at least one historical image from a preset database based on the identifier of the item to be configured and the current user identifier; the current user identifier is the identifier of the user currently logged in to the target application, and is used to indicate the acquisition of all images corresponding to the current user and the configuration item according to the user classification method.

[0130] In some embodiments, the image configuration device 90 also includes a storage module 95; the determination module 91 is also used to determine the configuration item identifier of the configuration item and the user identifier of the target application login user in response to the user's operation of configuring an image for any configuration item in the target application page before traversing and searching for at least one historical image from a preset database according to the identifier of the item to be configured; the storage module 95 is used to store the configuration item identifier, the user identifier and the image in the database; the query module 92 is also used to, when it is determined that the image classification method corresponding to the item to be configured is according to the configuration item classification method according to the correspondence between the identifier of the item to be configured and the configuration item identifier and the image classification method, traverse and search from the preset database for at least one historical image whose configuration item identifier is the same as the identifier of the item to be configured; when it is determined that the image classification method corresponding to the item to be configured is according to the user classification method according to the correspondence between the identifier of the item to be configured and the configuration item identifier and the image classification method, traverse and search from the preset database for at least one historical image whose configuration item identifier is the same as the identifier of the item to be configured and whose user identifier is the same as the current user identifier.

[0131] In some embodiments, the display module 93 is specifically used to display at least one historical image on a first display interface; the display module 93 is also used to, after displaying at least one historical image, display any image as a favorite image on a second display interface in response to a collection operation triggered by a user on any image in at least one historical image; the second display interface is a display interface that is different from the first display interface and is used to display all favorite images; the configuration module 94 is also used to, in response to an operation by a user to trigger a target favorite image in the favorite images, use the target favorite image as a configuration image of the item to be configured and apply it to the item to be configured.

[0132] In some embodiments, the image configuration device 90 also includes an acquisition module 96; the acquisition module 96 is used to acquire information of at least one historical image before displaying at least one historical image on the first display interface; the determination module 91 is also used to verify the information of each historical image according to preset information, and determine qualified images that meet the preset information and unqualified images that do not meet the preset information; the preset information is a pre-set standard for image information, and when the image information is within the standard range, the corresponding image is correctly displayed on the first display interface; the image information is used to indicate the external attribute characteristics of the image; the display module 93 is specifically used to display the qualified image at the top of the first display interface, gray out the unqualified image at the bottom of the first display interface, and set the unqualified image to be uneditable.

[0133] In some embodiments, the display module 93 is specifically used to: determine the sum of the number of at least one historical image and the number of historical images currently displayed in the first display interface as a first sum value; when the first sum value is greater than a first threshold value, display the N historical images with the latest upload time on the first display interface; N is less than or equal to the first threshold value.

[0134] In some embodiments, the display module 93 is also used to display information of a target image after displaying at least one historical image on the first display interface when it is detected that the cursor is located in the display area of ​​the target image; the target image is any historical image, or any collection image.

[0135] The image configuration device 90 provided in this embodiment can execute the image configuration method provided in the above method embodiment. Its implementation principle and technical effect are similar to those of the above method and will not be described in detail here.

[0136] Fig.14 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application.

[0137] like Fig.14 As shown, an embodiment of the present application provides an electronic device, which includes: a processor 1201, a memory 1202, and a computer program stored in the memory 1202 and executable on the processor 1201, and when the computer program is executed by the processor 1201, each process of the image configuration method in the above method embodiment is implemented. And the same technical effect can be achieved, so it will not be repeated here to avoid repetition.

[0138] An embodiment of the present application provides a computer-readable storage medium, on which a computer program is stored. When the computer program is executed by a processor, the various processes of the image configuration method in the above method embodiment are implemented, and the same technical effect can be achieved. To avoid repetition, it will not be repeated here.

[0139] The computer readable storage medium may be a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, etc.

[0140] An embodiment of the present application provides a vehicle, comprising: an image configuration device as in the above-mentioned device embodiment, or an electronic device as in the above-mentioned device embodiment. The image configuration device or electronic device in the vehicle can execute each process of the image configuration method in the above-mentioned method embodiment, and can achieve the same technical effect. To avoid repetition, it will not be repeated here.

[0141] An embodiment of the present application provides a computer program product, which stores a computer program. When the computer program is executed by a processor, each process of the image configuration method in the above method embodiment is implemented, and the same technical effect can be achieved. To avoid repetition, it will not be repeated here.

[0142] Those skilled in the art will appreciate that the embodiments of the present application may be provided as methods, systems, or computer program products. Therefore, the present application may adopt the form of a complete hardware embodiment, a complete software embodiment, or an embodiment combining software and hardware. Moreover, the present application may adopt the form of a computer program product implemented on one or more computer-usable storage media that include computer-usable program code.

[0143] In the present application, the processor may be a central processing unit (CPU), or other general-purpose processors, digital signal processors (DSP), application-specific integrated circuits (ASIC), field-programmable gate arrays (FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. A general-purpose processor may be a microprocessor or the processor may also be any conventional processor, etc.

[0144] In this application, memory may include non-permanent memory in a computer-readable medium, random access memory (RAM) and / or non-volatile memory, such as read-only memory (ROM) or flash RAM. Memory is an example of a computer-readable medium.

[0145] In this application, computer-readable media includes permanent and non-permanent, removable and non-removable storage media. Storage media can be implemented by any method or technology to store information, and the information can be computer-readable instructions, data structures, modules of programs or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technology, read-only compact disk read-only memory (CD-ROM), digital versatile disk (DVD) or other optical storage, magnetic cassettes, disk storage or other magnetic storage devices or any other non-transmission media that can be used to store information that can be accessed by a computing device. According to the definition in this article, computer-readable media does not include temporary computer-readable media (transitory media), such as modulated data signals and carrier waves.

[0146] It should be noted that, in this article, relational terms such as "first" and "second" are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "include", "comprise" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the sentence "comprise a ..." do not exclude the existence of other identical elements in the process, method, article or device including the elements.

[0147] The above description is only a specific implementation of the present application, so that those skilled in the art can understand or implement the present application. Various modifications to these embodiments will be apparent to those skilled in the art, and the general principles defined herein can be implemented in other embodiments without departing from the spirit or scope of the present application. Therefore, the present application will not be limited to the embodiments described herein, but will conform to the widest scope consistent with the principles and novel features disclosed herein.

Claims

1. An image configuration method, characterized in that: In response to a user triggering an operation of a to-be-configured item requiring image configuration in a target application page, determining an identifier of the to-be-configured item; When it is determined that the image classification method corresponding to the item to be configured is the classification method according to the configuration item based on the correspondence between the item identifier to be configured and the configuration item identifier and the image classification method, at least one historical image is searched from a preset database based on the item identifier to be configured; the image classification method is used to indicate a method for obtaining the image corresponding to the item to be configured; the classification method according to the configuration item is used to indicate obtaining all images corresponding to the configuration item; the database stores images configured by multiple users for the target application; displaying the at least one historical image; In response to a user triggering an operation of a target historical image in the at least one historical image, the target historical image is used as an image of the item to be configured and applied to the item to be configured.

2. The image configuration method according to claim 1, characterized in that: The method further comprises: When it is determined that the image classification method corresponding to the item to be configured is a classification method according to the user based on the correspondence between the identifier of the item to be configured and the identifier of the configuration item and the image classification method, the current user identifier is obtained, and at least one historical image is traversed and searched from a preset database based on the identifier of the item to be configured and the current user identifier; the current user identifier is the identifier of the user who is currently logged in to the target application, and the classification method according to the user is used to indicate obtaining all images corresponding to the current user and the configuration item.

3. The image configuration method according to claim 2, characterized in that: Before searching for at least one historical image from a preset database according to the identifier of the item to be configured, the method further includes: In response to a user's operation of configuring an image for any configuration item in a target application page, determining a configuration item identifier of the configuration item and a user identifier of a user who logs in to the target application; storing the configuration item identifier, the user identifier and the image in the database; The step of searching for at least one historical image from a preset database according to the identifier of the item to be configured includes: Searching a preset database for at least one historical image whose configuration item identifier is the same as the identifier of the item to be configured; The step of searching for at least one historical image from a preset database according to the identifier of the item to be configured and the identifier of the current user includes: From a preset database, at least one historical image whose configuration item identifier is the same as the identifier of the item to be configured and whose user identifier is the same as the current user identifier is searched.

4. The image configuration method according to any one of claims 1 to 3, characterized in that: The displaying of at least one historical image comprises: Displaying the at least one historical image on the first display interface; After displaying at least one historical image, the method further comprises: In response to a collection operation triggered by a user on any one of the at least one historical image, displaying the any one image as a collection image on a second display interface; the second display interface is a display interface different from the first display interface and used to display all collection images; In response to a user's operation of triggering a target favorite image in the favorite images, the target favorite image is used as a configuration image of the item to be configured and applied to the item to be configured.

5. The image configuration method according to claim 4, characterized in that: Before displaying the at least one historical image on the first display interface, the method further includes: obtaining information of at least one historical image; Verify the information of each historical image according to preset information to determine qualified images that meet the preset information and unqualified images that do not meet the preset information; the preset information is a pre-set standard for image information, and when the image information is within the standard range, the corresponding image is correctly displayed on the first display interface; the image information is used to indicate the external attribute characteristics of the image; The displaying the at least one historical image on the first display interface includes: The qualified image is displayed at the top of the first display interface, the unqualified image is displayed at the bottom of the first display interface in a grayed-out state, and the unqualified image is set to be uneditable.

6. The image configuration method according to claim 4, characterized in that: The displaying the at least one historical image on the first display interface includes: Determine the sum of the number of the at least one historical image and the number of historical images currently displayed in the first display interface as a first sum value; When the first sum is greater than a first threshold, N historical images with the latest upload time are displayed on the first display interface; N is less than or equal to the first threshold.

7. The image configuration method according to claim 5, characterized in that: After displaying the at least one historical image on the first display interface, the method further includes: When it is detected that the cursor is located in the display area of ​​the target image, the information of the target image is displayed; the target image is any historical image, or any collection image.

8. An electronic device, characterized in that: include: A processor, a memory, and a computer program stored in the memory and executable on the processor, wherein the computer program implements the image configuration method according to any one of claims 1 to 7 when executed by the processor.

9. A computer-readable storage medium, characterized in that: include: The computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the image configuration method according to any one of claims 1 to 7 is implemented.

10. A computer program product, characterized in that When the computer program product is executed on a computer, the computer is caused to implement the image configuration method according to any one of claims 1 to 7.

Images