上传图片 uploadImgs

用法

上传图片组件支持多文件上传、文件删除、文件重命名、拖拽上传、限制上传数量、限制上传大小、限制文件类型、图片预览等功能。

uploadImags
(
    set::name('images'),
    set::uploadIcon('plus'),
    set::tip('可点击添加或拖拽上传，图片格式支持jpg、jpeg、gif、png'),
    set::accept('image/png, image/jpg, image/jpeg'),
    set::limitSize('50MB'),
    set::duplicatedHint('文件名重复'),
    set::exceededCountHint('超出上传文件数量限制'),
    set::exceededSizeHint('超出上传文件大小限制'),
);

属性

名称	类型	可选	默认值	说明
name	string	—	—	字段名
showSize	bool	✓	true	是否展示文件大小
multiple	bool	✓	true	是否启用多文件上传
uploadText	string	✓	null	上传按钮文本
uploadIcon	string	✓	null	上传按钮图标
renameBtn	bool	✓	true	是否启用重命名按钮
renameIcon	string	✓	null	重命名图标
renameText	string	✓	null	重命名文本
renameClass	string	✓	null	重命名按钮类
deleteBtn	bool	✓	true	是否启用删除按钮
deleteIcon	string	✓	null	删除图标
deleteText	string	✓	null	删除文本
deleteClass	string	✓	null	删除按钮类
tip	string	✓	null	提示文本
btnClass	string	✓	null	上传按钮类
onAdd	callable	✓	null	文件变更回调
onDelete	callable	✓	null	文件删除回调
onRename	callable	✓	null	文件重命名回调
onSizeChange	callable	✓	null	文件大小变更回调
draggable	bool	✓	null	是否启用拖拽上传
limitCount	int	✓	null	上传文件数量限制
accept	string	✓	null	input accept 属性
defaultFileList	object[]	✓	null	默认文件列表
limitSize	falsestring	✓	false	上传尺寸限制
duplicatedHint	string	✓	null	文件名重复提示
exceededSizeHint	string	✓	null	上传超出大小限制提示
exceededCountHint	string	✓	null	上传超出个数限制提示
totalCountText	string	✓	null	文件数量文本