useFileDialog

Category

Browser

Hook to handle file input

import { useFileDialog } from '@siberiacancode/reactuse';

Usage

const { values, open, reset } = useFileDialog((value) => console.log(value));

Demo

source

Api

Parameters

Name	Type	Default	Note
callback	(value: FileList | null) => void	-	The callback to execute when a file is selected
options.multiple?	boolean	true	Whether multiple files can be selected
options.accept?	string	'*'	The accepted file types
options.reset?	boolean	false	Whether the input should be reset when the callback is called
options.capture?	string	-	The capture value

Returns

UseFileDialogReturn

Parameters

Name	Type	Default	Note
options.multiple?	boolean	true	Whether multiple files can be selected
options.accept?	string	'*'	The accepted file types
options.reset?	boolean	false	Whether the input should be reset when the callback is called
options.capture?	string	-	The capture value

Returns

UseFileDialogReturn

Contributors

Source • Demo