create-file-input v1.0.9

快速打开文件选择窗口

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