最近在写基于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>