# Entering a value and getting an image as output

**URL:** https://community.plotly.com/t/entering-a-value-and-getting-an-image-as-output/49962
**Category:** Dash Python
**Created:** [February 12, 2021, 7:56am UTC](https://community.plotly.com/t/entering-a-value-and-getting-an-image-as-output/49962 "2021-02-12T07:56:50Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![A.jyad](https://avatars.discourse-cdn.com/v4/letter/a/2bfe46/32.png) [@A.jyad](https://community.plotly.com/u/A.jyad)
#### Post date: [February 12, 2021, 7:56am UTC](https://community.plotly.com/t/entering-a-value-and-getting-an-image-as-output/49962/1 "2021-02-12T07:56:51Z")

</div>

I made a tiny app where I input the name of the image I want to see. The image is stored in my directory. Once I enter the name of the image file, I expect the image to appear as it is the output, however it does not. Here is my code:

```auto
app = JupyterDash( __name__ )

app.layout = html.Div([
                       dcc.Input(id = "image_name"),
                       html.Img(id = 'image')
])

@app.callback(
    Output('image', 'src'),
    [Input('image_name', 'name')]
)

def update_image(name):
  src = "/content/Pipeline/building_image/"+name
  return src

app.run_server(mode='inline')

```

Ps. I am using an colab instance. What could be the issue here?

---

<div class="post-metadata">

### Author: ![Eduardo](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/eduardo/32/13310_2.png) [@Eduardo](https://community.plotly.com/u/Eduardo)
#### Post date: [February 12, 2021, 2:03pm UTC](https://community.plotly.com/t/entering-a-value-and-getting-an-image-as-output/49962/2 "2021-02-12T14:03:21Z")

</div>

Hi @A.jyad

The property to get the dcc.Input selected by the user is **‘value’** not **‘name’** , change the input in the callback for:

```auto
Input('image_name', 'value')

```