Skip to content

useFileDialog

轻松打开文件对话框。

¥Open file dialog with ease.

示例

用法

¥Usage

vue
<script setup lang="ts">
import { 
useFileDialog
} from '@vueuse/core'
const {
files
,
open
,
reset
,
onCancel
,
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 */ })
onCancel
(() => {
/** do something on cancel */ }) </script> <template> <
button
type
="button" @
click
="
open
">
Choose file </
button
>
</template>