¿Cómo garantizar el orden de visualización de las direcciones anteriores una vez cargadas?

Una es guardar todos los archivos en una matriz primero y luego llamarlos de manera uniforme después de cargar todos los archivos. La segunda solución es usar async y await proporcionados por ES6 para sincronizar la carga de archivos; Estoy usando la primera solución aquí.

El componente utilizado es el componente de carga de antd, que admite la carga de múltiples archivos. Pero como puede ver en la consola, en realidad se cargan varios archivos uno por uno llamando a la interfaz. En este caso, debido a tamaños de archivos inconsistentes, los archivos pequeños se devolverán primero y los archivos grandes se devolverán más lentamente, lo que hará que el orden final de los enlaces de archivos pasados ​​al servidor sea inconsistente con el orden seleccionado inicialmente.

Generalmente existen dos soluciones online para este tipo de problemas. Cuando terminé de escribir el código y probarlo, descubrí que el orden de los archivos que seleccioné localmente y el orden de la lista de archivos cargados no podían garantizar una coherencia del 100%. Una vez cargados los archivos, se ordenan por orden de nombre de archivo, no por orden de selección.