DCC.Upload not returning contents

Dash Python
1

Could be misunderstanding the upload component but I can’t seem to get it to return anything after the upload.

    dmc.Modal(
        id="upload-modal",
        size='xl',
        transition='slide-down',
        transitionDuration=400,
        children=[
            dcc.Upload(
                children=html.Div([
                    'Drag and Drop or ',
                    dmc.Anchor(
                        "Select Files",
                        href="#",
                    ),
                ]),
                style={
                    'lineHeight': '60px',
                    'borderWidth': '1px',
                    'borderStyle': 'dashed',
                    'borderRadius': '5px',
                    'textAlign': 'center'
                },
            ),
            html.Div(id='output-upload')
        ],
    )

@callback(Output('output-upload', 'children'),
              Input('upload-modal', 'contents'),
              State('upload-modal', 'filename'),
              State('upload-modal', 'last_modified'))
def update_output(list_of_contents, list_of_names, list_of_dates):
    print(list_of_contents, list_of_names, list_of_dates)

This return None None None

Am i missing something?

2

Hey @tphil10,

You’re input id is on the wrong thing. You are trying to get your contents from your modal component and not the upload. :slight_smile:

3

…you’re right, thank you haha
I might need a break, clearly.

1 Like