npm.io
1.0.1 • Published 3 years ago

@sensethenlove/get-form-entries

Licence
MIT
Version
1.0.1
Deps
0
Size
41 kB
Vulns
0
Weekly
0
DeprecatedThis package is deprecated
SummaryDependencyVersions

@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!

Keywords

formdataentriesobjecttypescript