Skip to content

adk web UI cannot display pics #468

Closed
Closed

Description

@Tyrooon

When I use the adk web command to launch the agent through the web UI and ask the agent to help me write Python code. I use matplotlib to draw and display the image, the image can be successfully generated but the web UI cannot display it. May I ask if this is not supported by the web UI or if I need to enable additional parameters?

Activity

  1. ShawnxWX commented on May 1, 2025

    @ShawnxWX

    one use case using markdown image tag with link to the image
    another way is in the prompt ask LLM to render imageUrl as html tag <img src="link" />

  2. wyf7107 commented on May 2, 2025

    @wyf7107
    Collaborator

    You are asking about generated images from code executors. Could you check the artifact tab and see if your image is there? For now the <img src="link" /> is probably the easiest way to get around with a simple prompt change

  3. added theissue type on May 2, 2025
  4. Antriksh-Narang commented on May 8, 2025

    @Antriksh-Narang

    Can you share the code for generating images? @Tyrooon

    I am not sure how to pass the image to the agent, to be able to show it on UI.

  5. wyf7107 commented on May 9, 2025

    @wyf7107
    Collaborator

    Can you share the code for generating images? @Tyrooon

    I am not sure how to pass the image to the agent, to be able to show it on UI.

    If you want to upload an image, just click on the attachment button in the input box

  6. jonigl commented on May 14, 2025

    @jonigl

    it would be nice to have this feature in place. Even if you upload an image, and then you ask the agent to show it it would say something like:

    I apologize, but I am unable to display the image again. I can confirm that I have access to the image and can describe its contents, but I cannot visually render it within this text-based environment.

  7. Tyrooon commented on May 16, 2025

    @Tyrooon
    Author

    button

    Can you share the code for generating images? @Tyrooon

    I am not sure how to pass the image to the agent, to be able to show it on UI.

    I added <img src="link" /> in the description of my agent and solve the problem.

  8. Tyrooon commented on May 16, 2025

    @Tyrooon
    Author

    Can you share the code for generating images? @Tyrooon
    I am not sure how to pass the image to the agent, to be able to show it on UI.

    If you want to upload an image, just click on the attachment button in the input box

    I have another problem. When I use the attachment button to upload an image, ADK will pass the image to LLM directly. How can I just pass the attachment to my dictionary?

  9. rajashish commented on May 20, 2025

    @rajashish

    @Tyrooon can you please share the code which is able to display image in the adk web. I am trying with the img src tag but still its not working

  10. boyangsvl commented on May 21, 2025

    @boyangsvl
    Collaborator

    @Tyrooon you can add a callback to read teh uploaded image and put it in wherever you want it to be.

    I think the generated artifact will display in adk web automatically. Displaying of external images may be restricted due to security vulnerability.

    I will move this issue to discussions if you want to continue the discussion.

  11. locked and limited conversation to collaborators on May 21, 2025
  12. converted this issue into a discussion #814 on May 21, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions