@ihatecode/react-file-picker

Englist | 中文

Introduction

A file picker component written in React.

Install

# npm
npm install @ihatecode/react-file-picker
# yarn
yarn add @ihatecode/react-file-picker
# pnpm
pnpm add @ihatecode/react-file-picker

Usage

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

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

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