picker

Simple react hook to open browser file selector

Jan 14, 2021
Simple react hook to open browser file selector

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

Recommended