更新记录
1.0.1(2026-09-22) 下载此版本
当前是第二版
1.0.0(2026-09-22) 下载此版本
第一版
平台兼容性
uni-app(5.24)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| × | √ | √ | √ | √ | √ | √ | √ | √ |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ |
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" />

收藏人数:
下载插件并导入HBuilderX
赞赏(0)
下载 11
赞赏 0
下载 12635235
赞赏 1950
赞赏
京公网安备:11010802035340号