create-file-input

快速打开文件选择窗口

无论是否选择了文件, 关闭后自动移除 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	选择后的回调	-