create-file-input
TypeScript icon, indicating that this package has built-in type declarations

1.0.9 • Public • Published

快速打开文件选择窗口

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

Package Sidebar

Install

npm i create-file-input

Weekly Downloads

10

Version

1.0.9

License

MIT

Unpacked Size

4.68 kB

Total Files

6

Last publish

Collaborators

  • iamgx