file-select-dialog

file-select-dialog

Directly call file select dialog to JavaScript. Get Back Promise File or FileList object. No more hacky hiding of <input type="file"> elements.

Feature

• Supports ES6 Modules
• Pure Typescript
• Promise
• No dependencies, Optimization, Super slim size
• Modern browser support only
• Supports selecting multiple files and the file type accepts

Install

yarn add file-select-dialog
or
npm i file-select-dialog

import like this.

import { fileDialog } from 'file-select-dialog'

Examples

Demo

Get a File object by default.

const onClick = async () => {
  const file = await fileDialog() // open file select dialog and waiting user selection then return File object. Your editor suggest File object types.
}

Get a FileList object when parameters of multiple is true.

const onClick = async () => {
  const fileList = await fileDialog({ multiple: true }) // return FileList object. Your editor suggest FileList object types.
}

LICENSE

MIT

Changelog

1.4.1 (2020-11-28)

Performance Improvements

• rollup.config.ts: change output format (de7de62)