qtqpixmap不出现图片_微信小程序多图片上传,bug发现解决过程

本文记录了在微信小程序中批量上传图片时,由于图片上传顺序与选择顺序不一致导致的BUG,以及通过匹配临时文件名重新排序图片数组的解决方案。
摘要由CSDN通过智能技术生成

e9aa0841a9090765d9c164280f408b43.png

今天发现一个微信小程序上传图片的一个bug,挺有意思,所以记录下来防止自己忘记,

1、发现BUG

388327a802038b8015904ac4302db315.png

e303ff1da3d6af0172a00c36fd978a29.png

这里大家可以发现 在批量上传图片的时候你选中的顺序其实跟实际在服务器上传的顺序是不一致的,因为有些图片比较到 所以就晚了提交 所以这就导致了拼接的图片数组会出现跟选择的图片顺序不一致,在你删除图片的过程中就会出现(删除图片是根据数据下标来找到具体哪一张)所以就会删除错误图片 而把原本想删除的图片保留下来

2.解决方案

在这里我的做法是通过上传图片成功后返回临时文件名称来匹配 上传后加密的文件名具体如下

42a01ec5806fbe69464a01d125c24e46.png
后台代码

后台上传图片的时候我遇到pc/小程序端上传的文件前缀不一样的蛋疼问题,没办法 只能粗略判断了(有大神遇到过类似的问题可以指教一下小弟啊),就是每次提交都返回提交的的零时文件名称

0d3d2a8aada2bab283a7a58accba979f.png
小程序代码(排序处理)

就是一目了然了 直接跟选中的图片进行对比 直接把本来保存到数据库的图片数组重新排序!!

3.最终效果如下

fbfcddde3fb3ced4283312b0eda4ba7d.png

1c7a05e17d9db90352cca607c87d04b1.png
最终效果

1是上图选中图片的顺序

2是接口返回的服务器提交成功的顺序

3是排序后的图片顺序

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值