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

最新推荐文章于 2022-11-29 22:02:23 发布

Mark-Xu

最新推荐文章于 2022-11-29 22:02:23 发布

阅读量1.7k

点赞数

分类专栏：微信小程序开发

本文链接：https://blog.youkuaiyun.com/weixin_45087659/article/details/105846679

版权

本文介绍如何在微信小程序中实现多张图片上传。由于小程序不支持数组形式的批量上传，作者通过mpvue框架，结合百度搜索找到的解决方案，成功实现了这一功能。代码展示如下（简化版）：...（此处省略具体代码）。欢迎交流不足之处。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在写基于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.47元/天解锁文章