Render Images in Shiny

[HKr]

Can I pass a variable name inside a img src in Shiny?
I have a dataset in which in one column contains all images (Eg. df$player_image_url).
Can I pass tags$img(src=df$player_image_url) based on certain "if" conditions?

[hichammoadsafhi]

Hi, yes it's possible.
You can either write the if-else before the tags$img, or use ifelse(..) inside the tags$img.
Can you provide more details about this and the challenging part?

[HKr]

So I am building a Shiny app that has 3 Select Inputs League, Team, Player

If I select a tournament, team and the player the respective player image must be displayed

Player Image URL is in one particular column as mentioned(df$player_image_url)

How do I map this??
im<-reactive({

df
})

output$ply_img1<-renderImage({

if(TournamentShortName %in% input$sel_tour1 &
    TeamName %in% input$sel_team1 ){
   tags$img(src=im()$player_img_url,height=30,width=30)
   
 }else{
  tags$img(src="SAMPLE_img.png)}

})

The above is the sample code that throws an error?

[hichammoadsafhi]

Okay. But I didn't understand the role of the variables TournamentShortName and TeamName.
The error can be also from the missing quote in the SAMPLE_img src.

So I assume that your df has already columns for the corresponding League, Team and Player. And there is only one row for each combination. The code to get the corresponding image url can be:

myimg = sources_metadata %>% filter(League==input$sel_tour1 & Team==input$sel_team1  & Player==input$selected_player) %>% pull(source_id)
## we test if we have the corresponding image in the df or not:
if(identical(myimg, character(0))){
 tags$img(src="SAMPLE_img.png")}
}else{
tags$img(src= myimg ,height=30,width=30)
}

[HKr]

Getting the below error:
Input ..1 must be of size 71535 or 1, not size 0.
As you mentioned above my data has a respective League, Tournament, and player name and image URL in the data
but the sample image is loading but not the actual player images

[hichammoadsafhi]

I think some of the inputs are empty, you can add a req()( like req(input$sel_tour1 ) before that part of the code. It would be great if you can you provide a small shiny app with some data.

[HKr]

Data:

How do I get the player image from the URL from the column player_image_url?

If I select the TournamentShortName and TeamName and a respective player the player image must be displayed?

[hichammoadsafhi]

Hi, I am not sure what the exact problem is, can you clarify what you have been doing and what are the challenges you are having?
It looks like the data has repeated values for the same player, right? you can select unique player_image_url.

[HKr]

Yes, the data has repeated values for the same player,
I am building an player comparison App for Kabaddi