组件操作|多图片选择器(小程序专属)
读本篇前,建议先熟悉组件专讲《自定义多图片选择器》
行为简介
在小程序中使用【自定义多图片选择器】组件时
- 一般在「添加视图」中为视图或者视图中的组件添加「图片选择器添加图片」行为时,能够调起手机相册选择图片并上传到自定义多图片组件中显示出来
- 一般在「图片视图」中添加一个“删除”的图标(图片组件),而后为这个图标添加「图片选择器删除图片」行为,当点击该图标时,能从自定义多图片选择器中删除这一张图片# 配置指南
图片选择器添加图片
一般在自定义多图片选择器组件添加视图中,添加一个图标(图片组件)来提示用户点击这里来添加多张图片,并为该图片组件或者添加视图中配置【图片选择器添加图片】行为,该行为被触法后会自动调用手机相册或者电脑文件夹来选择图片。 在行为中配置的就是【多图片选择器】,即指明要添加图片的选择器是哪一个
img | img |
---|---|
图片选择器删除图片
当选择了多张图片之后,想要删除其中一张或者多张图片时,一般在自定义多图片选择器组件的图片视图中添加一个删除图标(图片组件),为该图片配置如下图 ⬇️ 所示的【图片选择器删除图片】的行为,并配置要删除的索引值之后,即可删除已经选择上传的图片,其中索引值在 组件内数据 - 多图片选择器 中找到 index 即可
图片选择器替换图片
该功能不完善,还是使用上方 ⬆️ 删除图片行为来实现需求吧