use-file-input

React Hooks for selecting files with hidden <input type="file" />

npm install --save use-file-input
# or
yarn add use-file-input

Usage

import useFileInput from "use-file-input";

const Component = () => {
  const handleFileSelect = useFileInput(
    (files) => {
      // files is FileList
      // do something with selected files
    },
    { accept: "image/*", multiple: true }
  );

  return (
    <button onClick={handleFileSelect}>
      Select files
    </button>
  );
};

License

MIT License