@ihatecode/react-file-picker

Englist | 中文

Introduction

A file picker component written in React.

Install

``bash

npm

npm install @ihatecode/react-file-picker

yarn

yarn add @ihatecode/react-file-picker

pnpm

pnpm add @ihatecode/react-file-picker
`

Usage

`jsx
import React from 'react';
import FilePicker from '@ihatecode/react-file-picker';
import '@ihatecode/react-file-picker/lib/style.css';

const App: React.FC = () => {
return (
multiple
accept="image/*"
onChange={(files) => console.log(files)}
>
Select files

);
};

export default App;
``

Demo

Online demo: https://pjzpz7.csb.app/


Props

|Property|Type|Optional
|-|-|:-:
|className|string|Y|
|style|object|Y|
|accept|string|Y|
|multiple|boolean|Y|
|directory|boolean|Y|
|draggable|boolean|Y|
|children|any|Y|
|onChange|(files: FileList) => void|Y|

License

MIT