@beisen-phoenix/upload-button v1.0.2

#上传按钮

参数说明

text?: string

按钮显示的文本内容, 不提供的话默认显示选择上传文件

onSelect?: (files:FileList) => any

选择完文件后的回调函数

url?: string?

选择完文件后上传接口, 如果不提供此参数，将不会执行上传，需要组件使用者通过onSelect自己处理上传逻辑

className?: string?

给组件的根节点追加className，也方便使用styled(UploadButton)追加样式

onUpload?:(response: {DfsPath:string, ClientUrl: string}[]) => any

如果传递了url参数，测会调用此回调方法，参数是返回文件的Dfs地址和Client地址的数组

type?: string

定义按钮的类型，默认值为button, 显示为一个蓝色的按钮，还可以使用text，测显示为文本

icon?: file

定义按钮的图标，需要开发者传递图标对象

examples

import React from 'react';
import UploadButton from '@beisen/upload-button';
import icon from './'

export default function App (props:any){
  const handleSelect = (files: FileList) => {
    console.dir(files)
  }
  return <UploadButton 
    text="选择文件" 
    onSelect={handleSelect}
    className='my-custom-classname'
    url={uploadUrl}
    type="button"
    />
}