[Feature request] Uploads support

[silvioprog]

Hi.

It would be nice to make it easy to handle uploads.

References:

• [Examples Gallery][New example]: Uploading files in Deno Deploy denoland/deploy_feedback#328
• https://expressjs.com/en/resources/middleware/multer.html
• https://github.com/richardgirges/express-fileupload

[yusukebe]

Sorry! Discuss it here.

[charnould]

Hello,
Considering using Hono for a project, I didn't find in documentation how to handle file upload and have found this GitHub issue. Is file upload available in Hono?
Thanks for the project.

[yusukebe]

@charnould

With the current version, you can write it as follows:

app.post('/upload', async (c) => {
  const { image } = await c.req.parseBody()

  if (image instanceof File) {
    console.log(image.name) // show the file name
    const buffer = await image.arrayBuffer()
    // do something with the buffer
  }

  return c.text('Uploaded!')
})

Written in #664 (comment)

[varHarrie]

@yusukebe Is there an example for hono client?

[yusukebe]

@varHarrie

You can upload files using the form parameter, though type support is not fully available.

client.upload.$put({
  form: {
    image: field.files[0]
  }
})

[charnould]

@charnould

With the current version, you can write it as follows:

app.post('/upload', async (c) => {
  const { image } = await c.req.parseBody()

  if (image instanceof File) {
    console.log(image.name) // show the file name
    const buffer = await image.arrayBuffer()
    // do something with the buffer
  }

  return c.text('Uploaded!')
})

Written in #664 (comment)

It works like a charm! Thanks.

[joshamaju]

Shouldn't this be included in the documentation?

[krsbx]

@yusukebe do we need to create some sort of middleware like multer? Where it will automatically save the file to disk or to other storage like S3? If yes, then probably I'll make the PR on the middleware repo