更新记录

1.0.2（2022-11-16） 下载此版本

更改删除按钮样式

1.0.1（2022-11-16） 下载此版本

添加图片压缩功能

1.0.0（2022-11-16） 下载此版本

上传图片

查看更多

平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
√ - - - - - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
√ - - - - - - - - - - -

tz-upload

使用

<tz-upload></tz-upload>
import tzupload from '@/components/tz-upload/tz-upload.vue
components:{tzupload}

说明

方法 类型 默认值 是否必传 说明
enable-del Boolean true 否 删除图标是否可见，即是否可删除
enable-add Boolean true 否 添加图片操作是否可见，即是否可添加图片
value Array [''] 是 初始化的图片数据，可用于单向数据初始化，需要双向绑定可直接用v-model
server-url String null 否 图片上传网络地址
form-data Object null 否 传图片到服务器时，如果需要自定义数据，可以通过此属性进行传递。
header Object null 否 传图片到服务器时，HTTP 请求 Header, header 中不能设置 Referer。
limit Number 16 否 限制总共可上传的图片数量，默认最大限制16
fileKeyName String file 否 用于在服务端通过自定义key值获取该文件数据
title String 上传图片 否 传按钮文字
width String 220 否 图片宽度
height String 220 否 图片高度
showUploadProgress Boolean true 否 是否显示选择图片的上传进度（以提示信息的方式） 
标签使用：<tz-upload @方法=值></tz-upload>

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉
加载更多...