Vue+elementui ensures the order of uploading pictures

when we support batch uploading of images, the order of the files sent back may be different because of the size of the images and the problem of the network. I would like to ask how to ensure that the order in which the final upload is successful is the same as when I selected it. My initial idea is to concatenate the address in the on-success hook function through fileList, but in practice, it is found that on-success will be executed every time it is uploaded successfully. For example, when I try to upload 3 images in batch, one of them will be successfully uploaded, and he will execute it once. But at this time, I can"t get the address in response. If I take the address in fileList directly, there is likely to be a problem that the picture was not uploaded successfully but was spliced. It is also possible to rewrite its upload using http-request, but maybe some of the limit,priview reconstructed before will fail, and I don"t quite know how to use http-request. I"m not sure this will solve my current problem

.
Mar.16,2021

I also encountered this problem and solved it. There are fileList parameters in the on-success method, and the fileList is ordered. You can call the clearFiles method at the end of the on-success method. You can take a look at this article. Write very clearly link description


I think we can use http-request to upload


Hello, I have encountered the same problem, have you solved it?


can I use Vue Draggable to implement

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e4d7a3-44f39.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e4d7a3-44f39.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?