微信小程序之多张图片上传

最近在写基于mpvue小程序,需要多张图片的上传。因为小程序不支持数组的多张图片同时上传,然后根据自己的需求+面向百度开发,参考各位大神的案例,总算搞定。分享下,不足之处,多多指教

直接上代码吧

多张图片上传,点击预览图片,删除某一张图片
<template>
    <div class="editbig">
            <div class="cu-bar bg-white">
                <div class="action">File</div>
                <!-- <view class="action"> {
   {
   uploadList.length}}/4 </view> -->
            </div>
            <div class="cu-form-group">
                <div class="grid col-4 grid-square flex-sub uploadBox">
                    <view class="bg-img pic_box" v-for="(item, index) in uploadList" :key="index">
                        <image class="" :src='item' mode='aspectFill' @click="ViewImage(item, uploadList)"></image>
                        <view class="cu-tag bg-red" @click="DelImg(index)">
                            <text class="cuIcon-close"></text>
                        </view>
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值