快速打开文件选择窗口

无论是否选择了文件, 关闭后自动移除 input element

Installtion

npm i create-file-input
# or
yarn add create-file-input

Usage

import createFileInput from 'create-file-input'

// 基础使用
createFileInput({
  onChange: e => {
    const file = e.target.files[0]
    const formData = new FormData()
    formData.append('file', file)
  }
})

// 开启只要附件数据
createFileInput({
  fileOnly: true,
  onChange: file => {
    const formData = new FormData()
    formData.append('file', file)
  }
})

// 开启只要附件数据
createFileInput({
  fileOnly: true,
  multiple: true,
  onChange: files => {
    formData.append('file', files[0])
  }
})

Props

| 参数名 | 说明 | 默认值 | | -------- | ------------------------------ | ------ | | accept | 允许选择的文件类型 | * | | multiple | 是否多选 | false | | fileOnly | 选择后的回调是否只需要文件数据 | false | | onChange | 选择后的回调 | - |