<div align="center">
<img height="300" src="https://tomokimiyauci.github.io/file-select-dialog/cover.png" alt="logo" title="logo">

[![npm version](https://img.shields.io/npm/v/file-select-dialog.svg?style=flat)](https://www.npmjs.com/package/file-select-dialog)
[![size](https://img.shields.io/bundlephobia/min/file-select-dialog)](https://img.shields.io/bundlephobia/min/file-select-dialog)
[![size](https://img.shields.io/npm/dw/file-select-dialog?color=blue)](https://img.shields.io/npm/dw/file-select-dialog?color=blue)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat)](https://github.com/prettier/prettier)
[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
[![MIT License](https://img.shields.io/npm/l/file-select-dialog?color=blue&registry_uri=https%3A%2F%2Fregistry.npmjs.com)](https://github.com/TomokiMiyauci/blog/blob/master/LICENSE)

</div>

# file-select-dialog

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

## :sparkles: 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

[Read the Docs to Learn More.](https://file-select-dialog.vercel.app/)

## :bulb: LICENSE

[MIT](https://github.com/TomokiMiyauci/file-select-dialog/blob/main/LICENSE)
