更新记录
1.0.0(2026-09-20)
下载此版本
无
平台兼容性
uni-app(5.26)
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| √ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
小红书小程序 |
快应用-华为 |
快应用-联盟 |
| √ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
uni-app x(5.23)
| Chrome |
Safari |
Android |
iOS |
鸿蒙 |
微信小程序 |
| - |
- |
- |
- |
- |
- |
my-image-upload 图片上传组件
uni-app 图片选择、预览、删除组件
使用方法
引入
uni_modules 自动easycom,直接在页面使用标签即可,无需import
属性 Props
| 属性 |
类型 |
默认值 |
说明 |
| max-count |
Number |
3 |
最多选择几张图片 |
| item-width |
Number |
160 |
图片宽度,单位rpx |
| v-model |
Array |
[] |
图片地址数组 |
事件 Events
| 事件 |
说明 |
回调参数 |
| @select |
选中图片触发 |
tempFilePaths临时路径数组 |
| @delete |
删除图片触发 |
删除下标index |
示例代码
<my-image-upload v-model="imgList" :max-count="4" :item-width="180" @select="Img" />