@mavedev/react-file-picker
v1.1.0
Published
Simple React file picker component for the native file input
Downloads
77
Maintainers
Readme
React file picker
Installation
Using npm:
$ npm i @mavedev/react-file-picker
Or using yarn:
$ yarn add @mavedev/react-file-picker
Usage
import React from 'react';
import FilePicker, { InputErrorCode } from '@mavedev/react-file-picker';
const Demo: React.FC = () => (
<FilePicker
maxSize={1}
sizeUnit='MB'
extensions={['.jpg', '.png']}
onFilePicked={(file) => { console.log(`File name: ${file.name}`); }}
onSuccess={() => { console.log('Success'); }}
onError={(code) => { printAllErrors(code); }}
>
<button type='button'>Upload file</button>
</FilePicker>
);
const printAllErrors = (errorCode: number) => {
if (InputErrorCode.containsExtensionError(errorCode)) {
console.log('File has inappropriate extension');
}
if (InputErrorCode.containsMaxSizeError(errorCode)) {
console.log('File size exceeded max size specified');
}
};
export default Demo;
Demo
To run demo using npm:
$ npm run demo
To run demo using yarn:
$ yarn run demo