use-file-picker

Simple react hook to open browser file selector.

View Demo View Github

Install

npm i use-file-picker

Usage

import { useFilePicker } from 'use-file-picker';

function App() {
  const [filesContent, errors, openFileSelector, loading] = useFilePicker({
    multiple: true,
    // accept: '.ics,.pdf',
    accept: ['.json', '.pdf'],
  });

  if (errors.length > 0) return <p>Error!</p>;

  if (loading) {
    return <div>Loading...</div>;
  }

  return (
    <div>
      <button onClick={() => openFileSelector()}>Reopen file selector</button>
      <pre>{JSON.stringify(filesContent)}</pre>
    </div>
  );
}

Author

? Milosz Jankiewicz

? Kamil Planer

GitHub