@beisen-phoenix/upload-button
v1.0.2
Published
## 参数说明
Downloads
6
Readme
#上传按钮
参数说明
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"
/>
}