useFileDialog

Package

Share - File

Category

Browser

Description

open file dialog with ease

Open file dialog with ease.

Demo

Usage

import { useFileDialog } from '@hungpvq/shared-file';

const { files, open, reset, onChange } = useFileDialog({
  accept: 'image/*', // Set to accept only image files
  directory: true, // Select directories instead of files if set true
});

onChange((files) => {
  /** do something with files */
});

<template>
  <button type="button" @click="open">Choose file</button>
</template>