当前位置:   article > 正文

uniapp中的uni-file-picker组件多图上传问题_uniapp uni-file-picker多图上传后,回显多图

uniapp uni-file-picker多图上传后,回显多图

前言:在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" />
  • 1
  • 2

上传时的select代码:

async handleSelect(res) { // 上传图片
    await this.uploadImg(res.tempFilePaths,1);
},
  • 1
  • 2
  • 3

uploadImg实现

asyn
    声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/183486?site
    推荐阅读
    相关标签
      

    闽ICP备14008679号