赞
踩
前言:在uniapp官方文档中的uni-file-picker组件可实现图片上传功能,官方文档:uni-app官网 中的案例不能完全满足需求,在接口上传失败的时候,需要页面不回显失败的图片,仅回显显示上传成功的图片,因为多图异步上传顺序的问题,可能会导致同时操作list,以至于删除图片出错。所以我才用多图同步顺序上传来规避这个问题。
以下是代码:
view代码:
<uni-file-picker :value="filePathsList" :auto-upload="false" file-mediatype="image" mode="grid"
file-extname="png,jpg" :limit="4" @select="handleSelect" @delete="handleDelete" @success="success" />
上传时的select代码:
async handleSelect(res) { // 上传图片
await this.uploadImg(res.tempFilePaths,1);
},
uploadImg实现
asyn
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。