[QUESTION] error uploading a file with a post request

Description

How do I upload a file with a post request? I have done what is described here - https://fastapi.tiangolo.com/tutorial/request-files/ - so the following code is in my main.py file

from fastapi import FastAPI, Request, File, UploadFile

app = FastAPI

@app.post('/uploaddata/')
async def create_upload_file(file: UploadFile = File(...)):
    return {"filename": file.filename}

and on the client side i have a simple form like this:

  <form method="post" action="/uploaddata/" enctype="multipart/form-data">
            <button class="btn btn-outline-secondary" type="submit">upload</button>
            <input type="file" id="file_upload">
   </form>

I get the error: {“detail”:“There was an error parsing the body”}, just like issue #201 https://github.com/tiangolo/fastapi/issues/201 In that case the problem seemed to be that python-multipart wasn’t installed. I have installed it, but I still get the error. Is there something obviously wrong? If not, how can I get hold of more information that just this reply: {“detail”:“There was an error parsing the body”}?

thanks!

[retnikt]

You are missing the name attribute on the HTML form, it must be the same as the parameter name (in your case file). So:

<form method="post" action="/uploaddata/" enctype="multipart/form-data">
    <button class="btn btn-outline-secondary" type="submit">upload</button>
    <input type="file" id="file_upload" name="file">
</form>

[pranithan-kang]

This question links to this issue.