Add drag-and-drop reordering to upload preview
- Enable image reordering in MultiUploadPage before upload - Add handleReorder callback to update local state - Users can now sort preview images via drag-and-drop - Upload order follows the sorted preview order - No API call needed (pure local state management)
This commit is contained in:
parent
71f1a2da82
commit
9fd4dff2f5
|
|
@ -92,6 +92,12 @@ function MultiUploadPage() {
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// Handle drag-and-drop reordering (only updates local state, no API call)
|
||||||
|
const handleReorder = (reorderedItems) => {
|
||||||
|
console.log('Reordering images in preview:', reorderedItems);
|
||||||
|
setSelectedImages(reorderedItems);
|
||||||
|
};
|
||||||
|
|
||||||
const handleUpload = async () => {
|
const handleUpload = async () => {
|
||||||
if (selectedImages.length === 0) {
|
if (selectedImages.length === 0) {
|
||||||
Swal.fire({
|
Swal.fire({
|
||||||
|
|
@ -195,6 +201,8 @@ function MultiUploadPage() {
|
||||||
onDelete={handleRemoveImage}
|
onDelete={handleRemoveImage}
|
||||||
mode="preview"
|
mode="preview"
|
||||||
showActions={true}
|
showActions={true}
|
||||||
|
enableReordering={true}
|
||||||
|
onReorder={handleReorder}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{selectedImages.length > 0 && (
|
{selectedImages.length > 0 && (
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user