微信小程序多张图片上传、预览

本文介绍了如何在微信小程序中实现多张图片的上传和预览功能。通过WXML、WXSS和JS代码展示了图片选择、上传到服务器、显示上传进度以及删除图片的逻辑。利用`wx.chooseImage`选择图片,`wx.uploadFile`上传图片,并实时更新上传进度,最后将成功上传的图片路径保存到数组中以便预览。
摘要由CSDN通过智能技术生成

 

WXML部分:

<view class='margin-t-15 store-imgs'>

<view class="weui_cells weui_cells_access border-b-1">

<a class="weui_cell font-size-14">

<view class="weui_cell_bd weui_cell_primary">

<p>店内图片</p>

</view>

</a>

</view>

<!-- 图片预览 -->

<view class="picture_list">

<block wx:if="{ {imgs.length>0}}">

<view wx:for="{ {imgs}}" class="picture_item margin-b-15" wx:key="{ {index}}">

<image src="{ {imgURL}}{ {item}}" mode="aspectFill"></image>

</view>

</block&g

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值