ac-attachment

上传列表 AcAttachment

何时使用

如何使用

npm install ac-attachment -S

import AcAttachment from 'ac-attachment';

import 'ac-attachment/dist/ac-attachment.css';

代码演示

API

参数

名称	类型	默认值	是否必填	描述
recordId	string		是	单据相关的唯一标示，一般包含单据ID，如果有多个附件的时候由业务自己制定规则
groupname	string		是	分组名
permission	string		否	Oss权限(read，private，full),read是可读=公有，private=私有，当这个参数不传的时候会默认private
tenant	string		否	附件查询使用，租户id，不写会自动从系统获取
url	string		否	里传true或false。为true，则返回附件的连接地址存到数据库中；如果isencrypt设置为true，url不能设置为true否则不能上传，提示：对于加密文件不能返回url，返回了也无法访问
isencrypt	boolean	false	否	是否加密，默认false不加密
baseUrl	string		否	应用平台的地址(IP地址或域名)
uploadUrl	string	/iuap-saas-filesystem-service/file/upload	否	应用平台上传附件的地址
queryUrl	string	/iuap-saas-filesystem-service/file/query	否	应用平台查询附件的地址
deleteUrl	string	/iuap-saas-filesystem-service/file/delete	否	应用平台删除单个附件的地址
downloadUrl	string	/iuap-saas-filesystem-service/file/download	否	应用平台下载附件的地址
batchDeleteUrl	string	/iuap-saas-filesystem-service/file/batchDeleteByIds	否	应用平台批量删除附件地址
fileType	string		否	允许上传的文件类型, 使用MIME类型限制文件类型。例如：txt文档类型为text/plain, png图片类型为image/png。可以使用*通配符，image/*代表所有图片类型。多个文件类型使用逗号隔开，例如：'image/*, text/plain'。详见 File Type, MIME类型
fileMaxSize	number	10	否	单个上传文件的大小上限，默认是10M，单位是M
fileNum	number	999	否	上传文件的总数量限制
multiple	boolean	true	否	是否支持一次多个文件上传，在文件选择框中，按shift或ctrl键，同时选择多个文件，点击确定即可
disabled	boolean	false	否	上传，下载，删除按钮是否禁用
className	string		否	附件容器的自定义class
checkDuplicate	boolean	true	否	文件上传是否检测文件名重复
locale	string	zh	否	组件语言类型，默认是简体中文，目前支持英文(en或en_US)，简体中文(zh_CN)，繁体中文(zh_TW)

事件

名称	类型	描述
onFileTypeOver	file，当前上传的文件对象	文件类型超出限制回调
onFileSizeOver	file，当前上传的文件对象	文件大小超出限制回调
onFileNumOver	file，当前上传的文件对象	文件数量超出限制回调
onDelete	attach	参数attach为附件组件实例，调用attach.fDelete()，可以调起接口删除附件
onUploadSuccess	data，上传成功返回值	上传成功回调
onUploadError	data，上传出错返回值	上传出错回调
onUploadDelete	data，上传删除返回值	上传删除回调
onDeleteFile	data，删除文件返回值	删除文件回调

注意事项

文件列表刷新

组件在recordId发生变化，会自动刷新文件列表，也可以手动刷新文件列表，用法如下：

<AcAttachment ref={(c) => {this.attach = c.attach}} recordId='' groupname='' />

//手动刷新文件列表
this.attach.fLoadFileList();

自定义弹框删除文件

<AcAttachment ref={(c) => {this.attach = c.attach}} recordId='' groupname='' />

//手动删除文件
this.attach.fDelete();

//自定义弹出框删除文件
<AcAttachment recordId='' groupname='' 
    onDelete={(attach) => {
        if(confirm('确定删除记录吗？')){
            attach.fDelete();
        }
    }}
/>

更新日志