Picture tag processing method, electronic equipment, storage medium and program product
By uploading unlabeled images and label information on the server side, the client generates labeled photos, which solves the problem of time-consuming labeling on the server side, improves efficiency and reduces the burden.
Patent Information
- Application Number
- CN202510653096.X
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2025-05-20
- Publication Date
- 2025-09-19
AI Technical Summary
When a server generates tagged photos for a client, the existing technology takes a long time, resulting in increased workload and low efficiency.
By uploading unlabeled images and label information on the server side instead of labeled images, the client generates labeled photos based on the label information, reducing the processing steps and time on the server side.
It significantly shortens the image labeling processing time on the server side, reduces workload, improves labeling efficiency, and reduces the burden on the server.
Smart Images

Figure CN120669891A_ABST
Abstract
Description
Technical Field
[0001] The present disclosure relates to the field of computer technology, and more particularly to a method for processing image tags, an electronic device, a storage medium, and a program product. Background Art
[0002] Some application scenarios require the service provider to collect photos according to certain requirements and record some on-site information as tag information, then add tag information to the photos, generate tagged photos and upload them to the server, so that the client can download the tagged photos on the server for viewing.
[0003] However, the workflow for service providers to provide labeled photos is time-consuming, and when there are many photos to be processed, the workload and time cost will increase significantly. Summary of the Invention
[0004] The present disclosure provides a method for processing image tags, an electronic device, a storage medium, and a program product.
[0005] According to one aspect of the present disclosure, a method for processing image tags is provided, comprising: The electronic device displays a first interface, wherein the first interface displays at least one unlabeled picture; In response to the electronic device receiving a first operation by the user on a target unlabeled picture on the first interface, the electronic device displays a second interface, wherein the second interface displays at least one picture label; In response to the electronic device receiving the second operation of the user on the target picture tag, the electronic device displays the first interface and displays the target picture tag on an upper layer of the target unlabeled picture; In response to the first interface of the electronic device receiving a third operation from the user, the electronic device extracts the tag information of the target image tag and uploads the target unlabeled image and the tag information to the server; When the target unlabeled image and the label information are uploaded completely, an upload completion prompt message is displayed on the first interface.
[0006] According to at least one embodiment of the present disclosure, a method for processing an image tag includes: extracting tag information of a target image tag and uploading the target untagged image and the tag information to a server; Obtaining label information of the target image label; Generate association information between the target unlabeled image and the label information of the target image label; The target unlabeled image, the label information, and the associated information are uploaded to the server, and the upload progress is monitored.
[0007] According to at least one embodiment of the present disclosure, a method for processing image tags, obtaining tag information of a target image tag, includes: Obtain the label content and label style of the target image label; Determine a position where the target image label is displayed on an upper layer of the target unlabeled image as a label position of the target image label; The tag content, tag style, and tag position of the target image tag are used as the tag information of the target image tag.
[0008] According to at least one embodiment of the present disclosure, the method for processing image tags further includes: In response to the first interface of the electronic device receiving a fourth operation from the user, the text content input by the user is obtained, and the current tag content of the target image tag is replaced with the text content.
[0009] According to at least one embodiment of the present disclosure, the method for processing image tags further includes: In response to the electronic device receiving a user's gesture operation on the target image label, the electronic device adjusts the position of the target image label displayed on the upper layer of the target unlabeled image based on the moving path of the gesture operation.
[0010] According to a method for processing a picture tag according to at least one embodiment of the present disclosure, the electronic device displays a second interface, including: Determine the process node corresponding to the target unlabeled image as the target process node; Obtain the image label corresponding to the target process node; The image label corresponding to the target process node is displayed on the second interface.
[0011] According to a method for processing image tags according to at least one embodiment of the present disclosure, an electronic device displays a first interface, including: Determine the current process node as the target process node; Determine the unlabeled image corresponding to the target process node; The unlabeled image corresponding to the target process node is displayed on the first interface.
[0012] According to another aspect of the present disclosure, an electronic device is provided, comprising: a memory storing execution instructions; and a processor executing the execution instructions stored in the memory, so that the processor executes the image tag processing method of any embodiment of the present disclosure.
[0013] According to another aspect of the present disclosure, a readable storage medium is provided, in which execution instructions are stored. When the execution instructions are executed by a processor, they are used to implement the image tag processing method of any embodiment of the present disclosure.
[0014] According to another aspect of the present disclosure, a computer program product is provided, including a computer program, which implements the image tag processing method of any embodiment of the present disclosure when the computer program is executed by a processor. BRIEF DESCRIPTION OF THE DRAWINGS
[0015] The accompanying drawings illustrate exemplary embodiments of the present disclosure and together with the description serve to explain the principles of the present disclosure. These drawings are included to provide a further understanding of the present disclosure and are incorporated in and constitute a part of this specification.
[0016] Figure 1 It is a flowchart of a method for processing image tags according to an embodiment of the present disclosure.
[0017] Figure 2 It is a schematic diagram of an application scenario of a method for processing image tags according to an embodiment of the present disclosure.
[0018] Figure 3 It is a schematic diagram of an application scenario of a method for processing image tags according to an embodiment of the present disclosure.
[0019] Figure 4 It is a flowchart of a method for processing image tags according to an embodiment of the present disclosure.
[0020] Figure 5 It is a flowchart of a method for processing image tags according to an embodiment of the present disclosure.
[0021] Figure 6 It is a flowchart of a method for processing image tags according to an embodiment of the present disclosure.
[0022] Figure 7 It is a flowchart of a method for processing image tags according to an embodiment of the present disclosure.
[0023] Figure 8 It is a flowchart of a method for processing image tags according to an embodiment of the present disclosure.
[0024] Figure 9 It is a flowchart of a method for processing image tags according to an embodiment of the present disclosure.
[0025] Figure 10 It is a schematic block diagram of the structure of a device for processing image tags according to an embodiment of the present disclosure.
[0026] Figure 11 It is a flowchart of an image processing method according to an embodiment of the present disclosure.
[0027] Figure 12 It is a flowchart of an image processing method according to another embodiment of the present disclosure.
[0028] Figure 13 It is a schematic block diagram of the structure of an electronic device according to one embodiment of the present disclosure. DETAILED DESCRIPTION
[0029] The present disclosure is further described in detail below with reference to the accompanying drawings and examples. It should be understood that the specific examples described herein are intended only to illustrate the relevant content and are not intended to limit the present disclosure. It should also be noted that, for ease of description, only the portions relevant to the present disclosure are shown in the accompanying drawings.
[0030] It should be noted that, in the absence of conflict, the embodiments and features of the embodiments in the present disclosure can be combined with each other. The technical solution of the present disclosure will be described in detail below with reference to the accompanying drawings and in combination with the embodiments.
[0031] Some application scenarios require capturing on-site photos and recording some on-site information as tag information. Tags are then added to the on-site photos to create labeled images, allowing users to view the images while understanding detailed tag information about specific locations or items in the images. For example, in the home improvement business, in order to allow users to remotely view the construction site, service providers will take photos at the construction site and record some on-site information as tags, adding them to the photos. This allows users to view the photos while understanding specific information such as project progress, materials used for home improvement, etc. through the tags on the photos, allowing users to understand the construction site situation without leaving home. However, the process of tagging photos by service providers is time-consuming and inefficient, resulting in a heavy burden on service providers.
[0032] The embodiments of the present disclosure provide a method for processing image tags, which can be executed by electronic devices such as computers and mobile phones. The method for processing image tags in the embodiments of the present disclosure is mainly used to improve the tagging process and reduce the burden on the server.
[0033] Figure 1 FIG. 1 shows a schematic diagram of the overall process of a method M10 for processing image tags according to an embodiment of the present disclosure. Figure 1 The method shown includes steps S11 to S17.
[0034] Specifically, Figure 1 The methods shown include: S11. The electronic device displays a first interface, where the first interface displays at least one unlabeled picture.
[0035] Please combine Figure 2 The first interface is the interface displayed by the electronic device used by the user. The first interface is used to display unlabeled pictures. In the home improvement business scenario, the user of the image label processing method M10 is usually a service provider of the home improvement business, such as a project manager of the home improvement business. In other embodiments, any user of the electronic device can be a user of the image label processing method M10.
[0036] Among them, unlabeled images refer to images that have not yet been tagged. In the context of home improvement services, unlabeled images are usually original photos collected by the service provider, such as photos taken by the service provider using an electronic device. It should be noted that the unlabeled images in the embodiments of the present disclosure are not limited to photos, and can be images in various formats, such as JPEG, PNG, etc.
[0037] S12. In response to the electronic device receiving a first operation by the user on a target unlabeled picture on the first interface, the electronic device displays a second interface, where the second interface displays at least one picture label.
[0038] The target unlabeled image is an unlabeled image selected by the user from the unlabeled images displayed on the first interface. The second interface is a label display interface for displaying preset labels.
[0039] In one embodiment, the second interface may include multiple switchable pages, with different pages displaying preset tags of different categories, so that the user can view the tags they need by category.
[0040] In one embodiment, the tags displayed in the second interface are configured with preset styles and contents, and the preset tags are displayed according to their configured styles and contents.
[0041] In one embodiment, the second interface displays the preset style and preset content of the label. After the user selects a preset style and a preset content respectively, the second interface displays the label obtained by combining the selected preset style and preset content as the preset label.
[0042] In one embodiment, the user can edit the style and / or content of the preset label in the second interface, which is not limited here.
[0043] In one embodiment, a first button is configured in the first interface, and the first button is used to receive a first operation from the user. For example, based on the selected target unlabeled picture, when the first button is clicked, it is considered that the user's first operation on the target unlabeled picture is received. Figure 2 In the illustrated embodiment, the first button is a "tag" button.
[0044] In one embodiment, the second interface is displayed on top of the first interface. The purpose of displaying the second interface on top of the first interface is to facilitate the user to observe the target unlabeled image on the first interface when the second interface is already displayed.
[0045] In one embodiment, the second interface has a preset transparency, and the preset transparency is not 100%, so that the user can easily see the target unlabeled image on the first interface while the second interface is displayed. As an example, the preset transparency range of the second interface is in the range of [30%, 60%], so that the user can clearly see the second interface while conveniently observing the target unlabeled image on the first interface.
[0046] In one embodiment, the second interface does not completely obscure the first interface, allowing the user to view the target unlabeled image in the area of the first interface not obscured by the second interface. As an example, the range of the first interface obscured by the second interface is within the range [30%, 60%]. This allows the second interface to be fully displayed while ensuring that the target unlabeled image is displayed in the area of the first interface that is partially exposed.
[0047] S13. In response to the electronic device receiving the second operation of the user on the target picture tag, the electronic device displays the first interface and displays the target picture tag on an upper layer of the target unlabeled picture.
[0048] The target image tag is an image tag selected by the user from the image tags displayed on the second interface.
[0049] In one embodiment, the preset tags displayed on the second interface are selectable image tags, and one or more preset image tags can be selected through events such as a click event and a frame selection event. Based on this, the user's second operation can be an operation corresponding to an event such as a click event and a frame selection event, which is used to select an image tag in the second interface, and the selected image tag is determined as the target image tag.
[0050] By displaying the determined target image label on top of the target unlabeled image, the target image label's display effect on the target unlabeled image is basically the same as the effect of the target image label generated on the target unlabeled image, allowing users to observe the effect of the target image label on the target unlabeled image. In this way, users can adjust the relevant parameters of the target image label, such as label style, label content, label position, etc., according to the display effect of the target image label.
[0051] It should be noted that step S13 displays the target image label on top of the target unlabeled image, which does not mean generating a label on the target unlabeled image. When displaying the target image label on top of the target unlabeled image, no image processing operation is performed on the target unlabeled image. The area where the target unlabeled image is displayed overlaps with the area where the target image label is displayed.
[0052] In one embodiment, when the first interface displays a target unlabeled image, the first interface establishes an image channel for loading and displaying the target unlabeled image. In response to a second operation, the first interface establishes a tag channel with a transparent background for loading and displaying the target image tag, and displays the tag channel above the image channel, thereby displaying the target image tag above the target unlabeled image.
[0053] S16 . In response to the first interface of the electronic device receiving the third operation of the user, the electronic device extracts the tag information of the target image tag and uploads the target unlabeled image and the tag information to the server.
[0054] Tag information is information that records tag attributes and is used to generate tags on images. For example, when a tag needs to be generated on an image, the tag information can be used to determine the location, style, content, and other information of the tag to be generated, which serves as data support for generating the tag on the image. For example, based on the HTML5 Canvas element, a tag can be drawn on the image based on the tag data to obtain a tagged image. This solution requires less power for the system.
[0055] In other words, the server does not need to wait for the server to generate the labeled image before uploading the labeled image to the server. It only needs to upload the target unlabeled image that has not been processed by the label generation and the label data used to generate the label as the data raw material for producing the labeled image. When other device ends require labeled images, they can obtain the target unlabeled image and the associated label data from the server and generate the labeled image locally. In this way, the process of generating labels on the image can be transferred from the server end to other device ends, reducing the processing steps on the server end, thereby reducing the total time spent on the server end to process image labels and alleviating the burden on the server.
[0056] Please combine Figure 3, taking the application scenario of the home improvement business as an example. The service provider takes a photo at the construction site as the target unlabeled picture, determines the appropriate target picture label, and observes the display effect of the target picture label. When the service provider believes that the display effect is OK, the target unlabeled picture and the label information of the target picture label on the server side are uploaded to the server through a third operation. When the owner wants to view the picture of the construction site, the client obtains the target unlabeled picture and the associated label data from the server, performs the labeling operation on the client, and generates a label on the target unlabeled picture based on the label data to obtain a labeled picture. In this process, it is equivalent to transferring the labeling process originally processed on the server side to the client side, which can significantly shorten the image labeling processing time on the server side and reduce the workload of the server.
[0057] Furthermore, in some business scenarios, the server may serve multiple clients at the same time. If all the tagged images required by each client are tagged on the server side, the server side will need to spend a long time processing and the tagging efficiency will be poor. Based on the M10 solution of the image tagging method disclosed in this disclosure, the server does not need to provide tagged images. The image tagging process can be performed on the client side, so that each client only needs to process the images it needs. This is equivalent to distributing the workload that the server side needs to process to each client, thereby significantly improving the efficiency of image tagging.
[0058] In one embodiment, a second button is configured in the first interface, and the second button is used to receive the user's third operation. For example, when the second button is clicked, it is considered that the user's second operation is received. Figure 2 In the illustrated embodiment, the second button is an "upload" button.
[0059] In one embodiment, when the target image tag is displayed on an upper layer of the target untagged image, the current position, style, and content of the target image tag serve as the tag information of the target image tag.
[0060] S17. When the target unlabeled image and label information are uploaded, an upload completion prompt message is displayed on the first interface.
[0061] The upload completion prompt message is used to remind the user that the upload is complete, so that the user can proceed to the next image labeling process or confirm that the image labeling process is complete.
[0062] In one embodiment, the process of processing and uploading image tags can be performed on an image-by-image basis. For example, it is necessary to upload a target unlabeled image and the associated tag information before the image tags can be processed on the next target unlabeled image. In another embodiment, the image tags can be uploaded for multiple target unlabeled images and their associated tag information at once. For example, a user can perform a first operation and a second operation on multiple target unlabeled images, determine the target image tags corresponding to the multiple target unlabeled images, and finally upload the multiple target unlabeled images and their associated tag information in a unified manner through a third operation.
[0063] Regarding step S16, in some embodiments of the present disclosure, it may include the following Figure 4 Steps S161 to S163 are shown.
[0064] S161. Obtain label information of the target image label.
[0065] The purpose of obtaining the tag information of the target image tag is to enable other devices to use the tag information of the target image tag to generate a tag on the image that is consistent with the content, style, position on the image and other attributes of the target image tag, thereby providing data support for other devices to generate the target image tag on the image.
[0066] In one embodiment, the tag information is stored in a structured data format, such as JSON format, so that the fields of the tag information can be simplified and fast transmission can be ensured even in a poor network environment.
[0067] In one embodiment, in response to the third operation, the system background records the current attribute data of the target image tag as the tag information of the target image tag. For example, before the user enters the third operation, the content, style, position, and other attributes of the target image tag can be adjusted. After each adjustment, the attribute data of the target image tag will change accordingly. When the user enters the third operation, the system saves the current attribute data of the target image tag as the tag information of the target image tag.
[0068] S162: Generate association information between the target unlabeled image and the label information of the target image label.
[0069] The association information is used to determine the correspondence between the label information and the target unlabeled image, so as to ensure that other devices can correctly generate the associated label on the target unlabeled image when performing labeling processing.
[0070] In one embodiment, a user can determine corresponding target image tags for multiple target unlabeled images, and can upload the tag information of multiple target unlabeled images and multiple target image tags at once through a third operation. In this application scenario, the server can determine the tag information associated with each target unlabeled image based on the association information, so as to associate the target unlabeled images with the tag information associated with them, thereby avoiding confusion in the association relationship.
[0071] In one example, the structured data can be used to store the associated target unlabeled image and the file name of the tag information, and the structured data storing the file name can be used as the associated information of the target unlabeled image and the tag information. In another example, the same identifier can be added to the file name of the associated target unlabeled image and the tag information, and the identifier can be used as the associated information.
[0072] In one embodiment, the server uses a database system to manage the data uploaded by the server, such as a MySQL system or other database systems. Each time the server uploads data, it only uploads one target unlabeled picture and the label information of one or more target picture labels associated with it. In this way, the target unlabeled picture in each data uploaded by the server must be associated with the label information uploaded at the same time. Based on this, the server can use the database system to associate and store the target unlabeled pictures and label information uploaded at the same time, so as to configure the association relationship between the target unlabeled pictures and the label information in the server's storage structure. In this solution, there is no need to determine the association relationship between the target unlabeled picture and the label information of the target picture label on the server side, and step S192 can be skipped. There is no need to upload the association information in subsequent upload tasks.
[0073] S163: Upload the target unlabeled image, the label information of the target image label, and the associated information to the server, and monitor the upload progress.
[0074] The purpose of monitoring the upload progress is to determine the timing of displaying the upload completion prompt message, so as to ensure that the upload completion prompt message is displayed at the right time.
[0075] In one embodiment, when uploading a target unlabeled image, label information of a target image label, and associated information, the file to be uploaded is added to an upload queue. Monitoring the upload progress may include monitoring the upload progress of each file in the upload queue. When the upload progress of each file in the upload queue indicates that the file upload is complete, a prompt message is displayed.
[0076] Furthermore, the method for processing image tags may also include: displaying a message when a file fails to be uploaded. Specifically, the prompt message may include a first message and a second message. The first message indicates that all files have been uploaded, and when the upload progress indicates that the upload is complete, the first message is displayed. The second message indicates that the file upload failed, and based on the second message, the specific file that failed to be uploaded can be determined, so that the user can re-upload the file, such as re-uploading the image or tag information. When the server receives the re-uploaded file, it can determine its associated file based on the associated information, so as to associate the re-uploaded file with the file associated with it. For example, in the case of re-uploading tag information, the server determines the target unlabeled picture associated with the re-uploaded tag information based on the previously successfully uploaded associated information, so as to associate the re-uploaded tag information with the associated target unlabeled picture.
[0077] Regarding step S161, in some embodiments of the present disclosure, it may include the following: Figure 5 Steps S1611 to S1613 are shown.
[0078] S1611. Obtain the label content and label style of the target image label.
[0079] The tag content of the target image tag is usually text content. In some embodiments, information of types such as images, patterns, and voices can also be set as the tag content of the target image tag, which is not limited here.
[0080] The tag style of the target image tag may include, but is not limited to, attributes such as shape, size, and color of the target image tag, which are not limited here.
[0081] S1612: Determine the position where the target image label is displayed on the upper layer of the target unlabeled image as the label position of the target image label.
[0082] In one embodiment, the area where the target image label overlaps with the target unlabeled image in the upper layer of the target unlabeled image can be used as the label position of the target image label. For example, the pixel area of the target unlabeled image that is covered by the target image label in the upper layer of the target unlabeled image can be determined, and the covered pixel area can be used as the label position of the target image label. When generating the target image label on the image, the target image label is caused to appear in the pixel area indicated by the label position.
[0083] In another embodiment, the target image tag uses the coordinates of a single anchor point as the overall label position for the target image tag. Based on this, the coordinates of the anchor point of the target image tag in the upper layer of the target unlabeled image can be used as the label position for the target image tag. This allows only one coordinate to be stored to represent the overall position of the target image tag, reducing the amount of data required to be stored. For example, if the target image tag uses the center point as the anchor point, when generating the target image tag, the center point of the target image tag can be positioned at the coordinates of the anchor point.
[0084] S1613: Use the tag content, tag style, and tag position of the target image tag as tag information of the target image tag.
[0085] In this way, based on the tag information of the target image tag, a tag with the same tag content, tag style and tag position as the target image tag can be generated on any image.
[0086] In some embodiments of the present disclosure, the image tag processing method M10 may further include: Figure 6 Step S14 is shown.
[0087] S14. In response to the first interface of the electronic device receiving a fourth operation from the user, obtaining text content input by the user, and replacing the current tag content of the target image tag with the text content.
[0088] Among them, editing the tag content of the target image tag includes adding new content, modifying existing content, deleting existing content, etc., which is not restricted here.
[0089] In one embodiment, the target image tag is configured with an editable text box, and the fourth operation may be an editing operation on the text box.
[0090] The current label content of the target image label is the content displayed on the upper layer of the target unlabeled image.
[0091] In one embodiment, an editable text box corresponding to the target image tag is displayed on the second interface. When the text box on the second interface is edited, the tag content of the target image tag displayed on the first interface changes synchronously.
[0092] In another embodiment, an editable text box corresponding to the target image tag is displayed on the target image tag on the first interface. When the text box is edited, the tag content of the target image tag displayed on the first interface changes.
[0093] In some embodiments of the present disclosure, the image tag processing method M10 may further include: Figure 7 Step S15 is shown.
[0094] S15 . In response to the electronic device receiving a user's gesture operation on the target image tag, the electronic device adjusts the position of the target image tag displayed on an upper layer of the target unlabeled image based on a moving path of the gesture operation.
[0095] In one embodiment, gesture operations may include click events, long press events, drag events, etc., which are not limited here. Figure 2 For example, a user can drag a target image label displayed on top of a target unlabeled image to adjust the label's position based on the path it moves. When the target image label's position changes on top of the target unlabeled image, its label position also changes accordingly. The backend tracks the target image label's position changes and updates its location information in real time. When uploading the target image label's tag information, the latest location information (e.g., coordinates) of the target image label is used as the tag location data in the tag information.
[0096] In other words, the purpose of step S15 is to allow the user to edit the label position of the target image label through gesture operation. In other feasible embodiments, the label position of the target image label can also be edited by inputting position coordinates, selecting the position of the target image label by clicking a position on the target unlabeled image, etc., which are not limited here.
[0097] Regarding step S12, in some embodiments of the present disclosure, it may include the following Figure 8 Steps S121 to S123 are shown.
[0098] S121. Determine the process node corresponding to the target unlabeled image as the target process node.
[0099] In one embodiment, unlabeled images are related to a business, which includes multiple process nodes. Each process node needs to process corresponding image labels for different unlabeled images. Based on this, determining the process node corresponding to the target unlabeled image can facilitate the dedicated management of different process nodes.
[0100] For example, in the home improvement business, a project manager is required to take photos at the renovation site and store them as unlabeled images on a mobile device. Assuming the project manager is responsible for both soft and hard decoration process nodes, and the target unlabeled image selected by the project manager on the first interface is an image related to the hard decoration process node, the target process node corresponding to the target unlabeled image can be determined to be the hard decoration process node.
[0101] S122: Obtain the image label corresponding to the target process node.
[0102] In one embodiment, different process nodes have their own corresponding image tags. For example, in the hard decoration process of home decoration business, the image tags involved may include tags related to pipes, water and electricity, but these tags are usually not involved in the soft decoration process.
[0103] S123. Display the image label corresponding to the target process node on the second interface.
[0104] The image tags corresponding to the target process node are displayed on the second interface. That is, image tags that are not related to the target process node will not be displayed on the second interface. This can reduce the number of image tags displayed on the second interface, avoid displaying irrelevant image tags, and facilitate user selection. At the same time, it can also prevent users from selecting irrelevant image tags.
[0105] Regarding step S11, in some embodiments of the present disclosure, it may include the following Figure 9 Steps S111 to S113 are shown.
[0106] S111. Determine the current process node as the target process node.
[0107] The purpose of step S111 is to determine the current process node before displaying the unlabeled pictures, so as to filter out the unlabeled pictures related to the current process node for display, thereby avoiding displaying unlabeled pictures unrelated to the target process node on the first interface.
[0108] S112: Determine the unlabeled image corresponding to the target process node.
[0109] In one embodiment, the unlabeled images stored in the electronic device may include images unrelated to the business, images unrelated to the current process node, and images related to the current process node. Among them, only images related to the current process node are images that need to be processed. Based on this, the purpose of step S112 is to determine the unlabeled image corresponding to the target process node among the multiple unlabeled images stored in the electronic device as an alternative unlabeled image to be processed.
[0110] S113 , displaying an unlabeled image corresponding to the target process node on the first interface.
[0111] In subsequent steps, the target unlabeled image is the image selected by the user from the unlabeled images displayed in the first interface. When the unlabeled image displayed in the first interface is the unlabeled image corresponding to the target process node, this ensures that the target unlabeled image selected by the user is relevant to the current process node. This prevents irrelevant images from being displayed and disrupting the user's selection, while also preventing the user from selecting the wrong image as the target unlabeled image.
[0112] Based on any of the above embodiments, the present disclosure also provides a device for processing image tags. Figure 10 It is a schematic block diagram of the structure of a device for processing image tags according to an embodiment of the present disclosure.
[0113] like Figure 10 As shown, the processing device includes: The first display module 110 is configured to display a first interface, where the first interface displays at least one unlabeled image.
[0114] The first response module 120 is configured to, in response to the electronic device receiving a first operation by the user on a target unlabeled image on the first interface, display a second interface by the electronic device, wherein the second interface displays at least one image label.
[0115] The second responding module 130 is configured to, in response to the electronic device receiving the second operation of the user on the target picture tag, display the first interface and display the target picture tag on an upper layer of the target unlabeled picture.
[0116] The third response module 140 is configured to extract the tag information of the target image tag in response to the first interface of the electronic device receiving the third operation of the user, and upload the target unlabeled image and the tag information to the server.
[0117] The message prompt module 150 is used to display an upload completion prompt message on the first interface when the upload of the target unlabeled image and label information is completed.
[0118] The processing device for the above-mentioned image tags can be computer software, and its various modules can be computer software modules. The implementation process of the functions and effects of each module in the processing device for the above-mentioned image tags can be specifically described in the implementation process of the corresponding steps in the above-mentioned method, which will not be repeated here.
[0119] The embodiment of the present disclosure also provides a picture processing method M20. Figure 3 ,The image processing method M20 can be used to generate and display labeled images on the client.
[0120] Figure 11 FIG. 1 shows a schematic diagram of the overall process of a picture processing method M20 according to an embodiment of the present disclosure. Figure 11 The method shown includes steps S21 to S24.
[0121] Specifically, Figure 11 The methods shown include: S21. Receive a fifth operation from the user, where the fifth operation is used to instruct the electronic device to display a picture with a tag.
[0122] Please combine Figure 3The electronic device involved in the image processing method M20 is a client electronic device, and the user involved is a user of the client.
[0123] The fifth operation may be an operation of viewing the picture.
[0124] In one embodiment, the client displays a thumbnail of the target unlabeled image. When the user clicks the thumbnail of the target unlabeled image, the fifth operation is performed, instructing the electronic device to display a labeled image corresponding to the target unlabeled image.
[0125] S22. In response to the fifth operation, send a second request to the server, where the second request is used to obtain the target unlabeled image and corresponding label information from the server.
[0126] The target unlabeled image and label information in the server are uploaded based on the image label processing method M10 provided in the present disclosure.
[0127] In other words, in this solution, the server does not upload labeled images to the server. Instead, it uploads target unlabeled images and associated label information that can be synthesized into labeled images. This is equivalent to storing the raw data of labeled images on the server. When the client needs to display labeled images, it obtains data from the server and produces the labeled images locally on the client. This eliminates the need to waste time generating labeled images on the server. The client can selectively generate some labeled images based on demand, greatly improving the efficiency of labeling target unlabeled images compared to solutions that generate all labeled images on the server.
[0128] S23. Generate a corresponding label on the target unlabeled image based on the label information to obtain a labeled image.
[0129] In one embodiment, a corresponding label can be generated based on the label information, and the generated label and the target unlabeled image can be synthesized and rendered to obtain a labeled image. In another embodiment, a corresponding label can be drawn on the target unlabeled image based on the label information to obtain a labeled image. The specific image processing method is not limited. As an example, the Canvas element of HTML5 technology can be used to draw a corresponding label on the target unlabeled image based on the label data to obtain a labeled image.
[0130] In one embodiment, the user can filter the tag information to selectively generate tags on the target unlabeled picture. For example, the tag information also includes the classification of the tag. Assume that the tag information returned by the server includes soft furnishings and hard furnishings. The client displays the tag classification options, and the user checks the hard furnishings tag. When generating tagged photos, the tag information of the soft furnishings tag is filtered out, and the corresponding tag is generated on the target unlabeled picture based on the tag information of the hard furnishings tag to obtain a tagged picture, thereby realizing personalized tag viewing.
[0131] In one embodiment, in the field of home improvement business, the client can display the construction progress corresponding to the user and make personalized tag recommendations based on the current construction progress. For example, when the construction progress is in the soft decoration stage, hard decoration tags are not recommended, only soft decoration tags are recommended. Users can configure the tag filtering conditions through the sixth operation, such as checking the filter items, entering the filter terms, etc., which are not restricted here. The client first filters the tag information returned by the server based on the filtering conditions, and then generates the corresponding tags on the target unlabeled pictures based on the filtered tag information to obtain labeled pictures, thereby realizing personalized tag viewing.
[0132] S24. Display the labeled pictures.
[0133] When the labeled images are generated, they can be displayed.
[0134] The embodiments of the present disclosure further provide an image processing method M30. The image processing method M30 can be used to generate a tagged image on a server.
[0135] Figure 12 FIG. 1 shows a schematic diagram of the overall process of a picture processing method M30 according to an embodiment of the present disclosure. Figure 12 The method shown includes steps S31 to S33.
[0136] Specifically, Figure 12 The methods shown include: S31. Generate a corresponding label on the target unlabeled image based on the label information to obtain a labeled image.
[0137] The target unlabeled image and label information in the server are uploaded based on the image label processing method M10 provided in the present disclosure.
[0138] S32: Receive a first request from the client, where the first request is used to obtain a tagged image.
[0139] S33. In response to the first request, send the labeled image to the client.
[0140] In other words, image processing method M30 generates labeled images on the server side, rather than on the server side or the client side. This eliminates the need for either the server side or the client side to waste time generating labeled images. This allows the client user to avoid waiting for labeled images to be generated, improving the user experience.
[0141] Based on any of the above embodiments, the present disclosure further provides an electronic device, which can execute the image tag processing method and image processing method of any of the above embodiments described in the present disclosure.
[0142] Figure 13 1 is a schematic block diagram of the structure of an electronic device 1000 according to an embodiment of the present disclosure.
[0143] The hardware structure of the electronic device 1000 can be implemented using a bus architecture. The bus architecture can include any number of interconnecting buses and bridges, depending on the specific application and overall design constraints of the hardware. The bus 1100 connects various circuits including one or more processors 1200, memory 1300, and / or hardware modules. The bus 1100 can also connect various other circuits 1400 such as peripheral devices, voltage regulators, power management circuits, external antennas, etc.
[0144] Bus 1100 may be an Industry Standard Architecture (ISA) bus, a Peripheral Component Interconnect (PCI) bus, or an Extended Industry Standard Component Architecture (EISA) bus. Buses can be classified as address buses, data buses, control buses, and the like. For ease of illustration, this figure shows only one connecting line, but this does not imply that there is only one bus or only one type of bus.
[0145] The present disclosure also provides a readable storage medium having a computer program stored therein, which is used to implement the above-mentioned method when the computer program is executed by a processor. "Readable storage medium" can be any device that can contain, store, communicate, propagate or transmit a program for use in an instruction execution system, device or equipment or in combination with these instruction execution systems, devices or equipment. More specific examples of readable storage media include the following: an electrical connection portion with one or more wirings (electronic device), a portable computer disk box (magnetic device), a random access memory (RAM), a read-only memory (ROM), an erasable and editable read-only memory (EPROM or flash memory), an optical fiber device, and a portable read-only memory (CDROM), etc.
[0146] The present disclosure also provides a computer program product. The methods of the present disclosure can be implemented in whole or in part using software, hardware, firmware, or any combination thereof. When implemented using software, they can be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer programs or instructions. When the computer programs or instructions are loaded and executed, the processes or functions of the present disclosure are performed in whole or in part.
[0147] A computer program or instruction can be stored in a readable storage medium or transferred from one readable storage medium to another. For example, a computer program or instruction can be transferred from one website, computer, server, or data center to another website, computer, server, or data center via wired or wireless means. A readable storage medium can be any accessible medium or a data storage device such as a server or data center that integrates one or more accessible media. The accessible medium can be a magnetic medium such as a floppy disk, hard disk, or magnetic tape; an optical medium such as a digital video disk; or a semiconductor medium such as a solid-state drive. The computer-readable storage medium can be a volatile or non-volatile storage medium, or can include both volatile and non-volatile types of storage media.
[0148] Those skilled in the art will appreciate that the embodiments of the present disclosure may be provided as methods, systems, or computer program products. Therefore, the present disclosure may take the form of a complete hardware embodiment, a complete software embodiment, or an embodiment combining software and hardware. Furthermore, the present disclosure may take the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to magnetic disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.
[0149] The present disclosure is described with reference to the flowcharts and / or block diagrams of the methods, devices (systems), and computer program products according to the present disclosure. It should be understood that each process and / or block in the flowchart and / or block diagram, as well as the combination of processes and / or blocks in the flowchart and / or block diagram, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable image tag processing device to produce a machine, so that the instructions executed by the processor of the computer or other programmable image tag processing device generate instructions for implementing the processes in the flowchart and / or block diagram. Figure 1 a process or multiple processes and / or boxes Figure 1 A device that provides the functions specified in a block or multiple blocks.
[0150] These computer program instructions may also be stored in a computer readable memory capable of directing a computer or other programmable image tag processing device to operate in a specific manner, so that the instructions stored in the computer readable memory produce an article of manufacture comprising an instruction device that implements the process Figure 1 a process or multiple processes and / or boxes Figure 1 The function specified in one or more boxes.
[0151] These computer program instructions may also be loaded onto a computer or other programmable image tag processing device so that a series of operating steps are executed on the computer or other programmable device to produce a computer-implemented process, thereby providing instructions for executing on the computer or other programmable device to implement the process. Figure 1 a process or multiple processes and / or boxes Figure 1 A step that specifies a function in one or more boxes.
[0152] In the description of this specification, the description with reference to the terms "one embodiment / method", "some embodiments / methods", "example", "specific example", or "some examples" means that the specific features, structures, or characteristics described in conjunction with the embodiment / method or example are included in at least one embodiment / method or example of the present disclosure. In this specification, the schematic expressions of the above terms do not necessarily refer to the same embodiment / method or example. Moreover, the specific features, structures, or characteristics described may be combined in a suitable manner in any one or more embodiments / methods or examples. In addition, those skilled in the art may combine and combine different embodiments / methods or examples described in this specification and the features of different embodiments / methods or examples, unless they are contradictory.
[0153] Furthermore, the terms "first" and "second" are used for descriptive purposes only and should not be construed as indicating or implying relative importance or implicitly specifying the number of technical features being referred to. Thus, a feature defined as "first" or "second" may explicitly or implicitly include at least one such feature. Throughout the present disclosure, "plurality" means at least two, such as two, three, etc., unless otherwise specifically defined.
[0154] Those skilled in the art will appreciate that the above embodiments are merely intended to clearly illustrate the present disclosure and are not intended to limit the scope of the present disclosure. Other changes or modifications may be made based on the above disclosure, and such changes or modifications are still within the scope of the present disclosure.
Claims
1. A method for processing image tags, characterized in that: include: The electronic device displays a first interface, wherein the first interface displays at least one unlabeled picture; In response to the electronic device receiving a first operation by the user on a target unlabeled picture on the first interface, the electronic device displays a second interface, wherein the second interface displays at least one picture label; In response to the electronic device receiving the second operation of the user on the target picture tag, the electronic device displays the first interface and displays the target picture tag on an upper layer of the target unlabeled picture; In response to the first interface of the electronic device receiving a third operation from the user, the electronic device extracts the tag information of the target image tag and uploads the target unlabeled image and the tag information to the server; as well as When the target unlabeled image and the label information are uploaded completely, an upload completion prompt message is displayed on the first interface.
2. The method for processing image tags according to claim 1, wherein: The electronic device extracts the tag information of the target image tag and uploads the target unlabeled image and the tag information to the server, including: Obtaining label information of the target image label; Generate association information between the target unlabeled image and the label information of the target image label; and The target unlabeled image, the label information, and the associated information are uploaded to the server, and the upload progress is monitored.
3. The method for processing image tags according to claim 2, wherein: Obtain the label information of the target image label, including: Obtain the label content and label style of the target image label; Determine a position where the target image label is displayed on an upper layer of the target unlabeled image as a label position of the target image label; and The tag content, tag style, and tag position of the target image tag are used as the tag information of the target image tag.
4. The method for processing image tags according to claim 1, wherein: Also includes: In response to the first interface of the electronic device receiving a fourth operation from the user, the text content input by the user is obtained, and the current tag content of the target image tag is replaced with the text content.
5. The method for processing image tags according to claim 1, wherein: Also includes: In response to the electronic device receiving a user's gesture operation on the target image label, the electronic device adjusts the position of the target image label displayed on the upper layer of the target unlabeled image based on the moving path of the gesture operation.
6. The method for processing image tags according to claim 1, wherein: The electronic device displays a second interface, including: Determine the process node corresponding to the target unlabeled image as the target process node; Obtaining the image label corresponding to the target process node; and The image label corresponding to the target process node is displayed on the second interface.
7. The method for processing image tags according to claim 1, wherein: The electronic device displays a first interface, including: Determine the current process node as the target process node; Determine the unlabeled image corresponding to the target process node; and The unlabeled image corresponding to the target process node is displayed on the first interface.
8. An electronic device, characterized in that: include: a memory storing execution instructions; as well as A processor, wherein the processor executes the execution instruction stored in the memory, so that the processor executes the image tag processing method according to any one of claims 1 to 5.
9. A readable storage medium, characterized in that: The readable storage medium stores execution instructions, which are used to implement the image tag processing method according to any one of claims 1 to 5 when executed by a processor.
10. A computer program product comprising a computer program, characterized in that When the computer program is executed by a processor, the method for processing image tags according to any one of claims 1 to 5 is implemented.
Citation Information
Patent Citations
Picture management method and mobile terminal
CN109815354A
Information generation method, system and device
CN109815421A
Image labeling method and device, electronic equipment and storage medium
CN112131499A
Image processing method and device and electronic equipment
CN112492206A
Label generation method and device and electronic equipment
CN117194697A