react-prev-img

A react image picker with preview

It let you pick files from your computer and display only the first one.

Install :

npm install react-prev-img

How to use it :

import ReactPrevImg from "@pikooli/react-prev-img";

const Component = () => {

  const [files, setFiles] = useState({});

  return (
    <ReactPrevImg files={files.files} setFiles={setFiles} />
  )}

You can pass additional options.

Accepted props :

| Props | Type | Optional ? | Description | | --------- | -------- | ---------- | ----------------------------- | | width | Number | yes | width of the display preview | | height | Number | yes | height of the display preview | | className | string | yes | class of the preview | | accept | string | yes | type accepted for input | | max | string | yes | max number of file | | files | File | no | files selected | | setFiles | Function | no | set selected files |

License

Under the MIT license.