1.0.1 โ€ข Published 1 year ago

@sensethenlove/get-form-entries v1.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

๐Ÿ•‰ @sensethenlove/get-form-entries

๐Ÿ™ Description

  • Recieves Form Data & responds with an Object
  • Converts <input name="foo" value="bar" /> into { foo: 'bar' }
  • Converts <input name="image" /> into { image: File }
  • Converts <input name="images" multiple /> into { images: File[] }
  • If the input support multiple but only 1 file is uploaded => { image: File }
  • An array is used for a response value only if multiple files share the same form name (example below)

โ˜ฏ๏ธ Install

pnpm add @sensethenlove/get-form-entries

๐Ÿ’› Example

import { getFormEntries } from '@sensethenlove/get-form-entries'

const fields = getFormEntries(formData)

๐Ÿงก Example: FormData (request)

  FormData <entries>
    0: message โ†’ "Hello World!"
โ€‹โ€‹    1: images โ†’ File
โ€‹โ€‹โ€‹     <key>: "images"
โ€‹โ€‹โ€‹     <value>: File
โ€‹โ€‹    2: images โ†’ File
โ€‹โ€‹โ€‹     <key>: "images"
โ€‹โ€‹โ€‹     <value>: File
โ€‹โ€‹    3: images โ†’ File
โ€‹โ€‹โ€‹     <key>: "images"
โ€‹โ€‹     <value>: File

๐Ÿ’š Example: Fields (response)

{
  message: 'Hello World!',
  images: [
    File {
      size: 93146,
      type: 'image/jpeg',
      name: 'glew-fl.jpg',
      lastModified: 1683003052322
    },
    File {
      size: 64056,
      type: 'image/jpeg',
      name: 'violet flame.jpg',
      lastModified: 1683003052322
    },
    File {
      size: 46030,
      type: 'image/jpeg',
      name: 'violet-flame.jpg',
      lastModified: 1683003052323
    }
  ]
}

๐Ÿ’– Our helpful packages!

1.0.1

1 year ago

1.0.0

1 year ago