utils/file.ts

utilsfile.ts

export function selectFile(mimeTypes: string[] = [], multiple: boolean = false) {
  return new Promise<FileList | null>((resolve, reject) => {
    const input = document.createElement('input')
    input.type = 'file'
    input.multiple = multiple

    if (mimeTypes.length) {
      input.accept = mimeTypes.join(', ')
    }

    input.click()
    input.addEventListener(
      'change',
      (event: Event) => {
        const { files } = event.target as HTMLInputElement
        resolve(files)
      }
    )
  })
}