@uppy/file-input
Version:
Simple UI of a file input button that works with Uppy right out of the box
50 lines (34 loc) • 1.59 kB
Markdown
"https://uppy.io/img/logo.svg" width="120" alt="Uppy logo: a smiling puppy above a pink upwards arrow" align="right">
[](https://www.npmjs.com/package/@uppy/file-input)



FileInput is the most barebones UI for selecting files—it shows a single button
that, when clicked, opens up the browser’s file selector.
**[Read the docs](https://uppy.io/docs/file-input)** |
**[Try it](https://uppy.io/examples/xhrupload/)**
Uppy is being developed by the folks at [Transloadit](https://transloadit.com),
a versatile file encoding service.
```js
import Uppy from '@uppy/core'
import FileInput from '@uppy/file-input'
const uppy = new Uppy()
uppy.use(FileInput, {
// Options
})
```
```bash
$ npm install @uppy/file-input
```
Alternatively, you can also use this plugin in a pre-built bundle from
Transloadit’s CDN: Smart CDN. In that case `Uppy` will attach itself to the
global `window.Uppy` object. See the
[ ](https://uppy.io/docs/#Installation) for instructions.
Documentation for this plugin can be found on the
[ ](https://uppy.io/docs/file-input).
[ ](./LICENSE).
<img src=