ac-upload
tinper-bee ac upload components
Last updated a year ago by ygtzz .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install ac-upload 
SYNC missed versions from official npm registry.

上传 AcUpload

基于tinper-bee组件库封装开发

手动上传组件,可以帮助你打开一个模态框选择文件进行上传、也包括拖拽式的上传方式,支持单个文件以及多个文件一起上传使用,上传完毕后,组件会显示查看附件信息

何时使用

代替原生上传组件

如何使用

  • 通过npm下载使用 npm install ac-upload -S

通过ES6的方式进行加载使用

import AcUpload from 'ac-upload';//加载组件
import 'ac-upload/build/ac-upload.css';//加载组件样式

然后在render使用的时候传入相应组件需要的参数:

注:只要放在AcUpload组件之间的一个按钮即可

<AcUpload
    title="图片上传"
    action="/iuap_pap_quickstart/fileMananger/fastDfs/imgUpload"
    name="filelist[]"
    data={{ "other": "params" }}
    accept="image/*"
    multiple={true}
    onError={(err) => console.log(err)}
    onSuccess={(data) => console.log(data)}
>
    <Button shape="border" colors="info">图片上传</Button>
</AcUpload>

API

序号 参数 类型 说明
1 title string 打开上传的模态框显示的标题文字
2 defaultFileList object[] 默认已经上传的文件列表
3 multiple bool 是否允许多选,选择附件可以使用shift多选。设置单选后窗体会自动上传完成后关闭
4 action string 必选参数, 上传的地址
5 accept string 接受上传的文件类型, 详见 input accept Attribute
6 data JSON 随着上传的时候附加一些参数,接收JSON对象
7 name string 上传设置的参数file名字默认files[]
8 locale string 语言设置选项,默认为简体中文(zh_CN),目前支持简体中文(zh_CN),繁体中文(zh_TW),英文(en_US)三种
9 onSuccess function 上传成功后的回调,返回所有response
10 onError function 上传失败后的回调,用于处理后续失败操作
11 maxSize number 附件限制大小
12 onDelete function 删除的时候触发的回调参数为file对象
13 beforeUpload function 在上传之前执行的函数,当Promise返回false或者被拒绝,函数被中指。不兼容老ie

注意事项

暂无

更新日志

Current Tags

  • 0.1.8                                ...           latest (a year ago)

28 Versions

  • 0.1.8                                ...           a year ago
  • 0.1.7                                ...           2 years ago
  • 0.1.6                                ...           2 years ago
  • 0.1.5                                ...           2 years ago
  • 0.1.4                                ...           2 years ago
  • 0.1.3                                ...           2 years ago
  • 0.1.2                                ...           2 years ago
  • 0.1.1                                ...           2 years ago
  • 0.1.0                                ...           2 years ago
  • 0.0.20                                ...           2 years ago
  • 0.0.19                                ...           2 years ago
  • 0.0.18                                ...           2 years ago
  • 0.0.17                                ...           2 years ago
  • 0.0.16                                ...           2 years ago
  • 0.0.15                                ...           2 years ago
  • 0.0.14                                ...           2 years ago
  • 0.0.13                                ...           2 years ago
  • 0.0.11                                ...           2 years ago
  • 0.0.10                                ...           2 years ago
  • 0.0.9                                ...           2 years ago
  • 0.0.8                                ...           2 years ago
  • 0.0.7                                ...           2 years ago
  • 0.0.6                                ...           2 years ago
  • 0.0.5                                ...           2 years ago
  • 0.0.4                                ...           2 years ago
  • 0.0.3                                ...           2 years ago
  • 0.0.2                                ...           2 years ago
  • 0.0.1                                ...           2 years ago
Downloads
Today 2
This Week 2
This Month 36
Last Day 1
Last Week 24
Last Month 112
Dependencies (2)
Dev Dependencies (26)
Dependents (1)

Copyright 2014 - 2017 © taobao.org |