微信小程序限制图片上传思路分享

今日在第二大学远程实习中,又发现了一个开发中常用的点,记录分享一下。
我们经常在编辑帖子的时候会遇到上传图片的操作,也会遇到上传图片达到最大数量无法继续上传的时候,那这种操作如何实现呢?今天就来分享一个小思路。
我们可以加上一个判断,判断用户已经上传的图片数量,当已经到达我们限制的最大上传数量时,将图片添加按钮隐藏不显示。
实例:添加按钮上使用wx:if(判断是否需要渲染该代码块)进行判断,超出3张以上不渲染添加按钮。
Shangchuantupian.wxml
image

Shangchuantupian.js
image
image

效果图:
当图片不足三张时,显示添加图片按钮
image

当图片三张时,不显示添加图片按钮
image

posted @ 2023-03-10 09:21  星河Sky  阅读(360)  评论(0)    收藏  举报