vue+elementui 确保图片上传顺序

Question

当我们支持批量上传图片的时候，可能因为图片的大小、网络的问题而导致文件传递回来的时候顺序有所不同。请问我该如何保证最后上传成功的顺序，与我选中的时候都顺序一样呢，我的初步想法是通过fileList,在on-success钩子函数中对地址做拼接，但是实际中发现，on-success是每上传成功一次就会执行一次，比如当我尝试批量上传3张图片的时候其中某一张成功，他就会执行一次， 但是此时我是无法取到response里的地址的，如果我直接取fileList中的地址，很可能出现这张图片并未上传成功但却被拼接的问题。也可能会利用http-request重写它的上传，但是可能之前重构的一些limit，priview都会失效，我也不太知道怎么使用http-request这个方法，不确定这样可以解决我现在的问题

Answer 1

我也碰到了这个问题，并解决了，on-success方法中有fileList参数，fileList是有序的，在on-success方法的最后调用clearFiles方法即可 ，可以看看这个文章，写得很清楚链接描述

Answer 2

我觉得可以用http-request来依次上传

Answer 3

您好，我遇到了相同的问题，请问你的解决了么？

Answer 4

可以用Vue Draggable这个实现吗

Answer 5

https://blog.csdn.net/u012420...
十分不好意思，已经很久没有登录，当时做的笔记写在这里，如果有需要，可以看下。嘻嘻，也许很多年了，可能已经没有这个问题存在了也说不定～