Spaces:
Running
Running
File size: 1,669 Bytes
8a24d2c f2c9ba1 1bcc041 f2c9ba1 1bcc041 2261365 eef50c4 1bcc041 f61ed29 235f37a 1bcc041 f2c9ba1 23e5656 1bcc041 f2c9ba1 23e5656 1bcc041 e30b05c 235f37a 1bcc041 95fbc05 75d4005 f61ed29 1bcc041 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 |
const queneDropZone = document.getElementById('QueneDropzone');
const nextFileButton = document.getElementById('nextFileButton');
let droppedFiles = [];
let currentIndex = 0;
['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
queneDropZone.addEventListener(eventName, e => {
e.preventDefault();
e.stopPropagation();
}, false);
});
queneDropZone.addEventListener('drop', (e) => {
const newFiles = Array.from(e.dataTransfer.files);
droppedFiles.push(...newFiles);
queneDropZone.innerHTML =`Filecount: ${droppedFiles.length}`;
console.log(`Added ${newFiles.length} new file(s). Total in queue: ${droppedFiles.length}.`);
});
function startNextImageInQuene(){
if (droppedFiles.length === 0) {
console.log('No files loaded. Drop some files first.');
queneDropZone.innerHTML ='Add To Quene';
return;
}
if (currentIndex >= droppedFiles.length) {
console.log('No more files. Queue is empty. Counter reset.');
queneDropZone.innerHTML ='Add To Quene';
currentIndex = 0;
droppedFiles = [];
return;
}
file = droppedFiles[currentIndex];
dataTransfer = new DataTransfer();
dataTransfer.items.add(file);
dropEvent = new DragEvent("drop", {
dataTransfer,
bubbles: true,
cancelable: true
});
dropZone = document.querySelector("#drag-zone2");
dropZone.dispatchEvent(dropEvent);
console.log(`File ${currentIndex + 1} of ${droppedFiles.length} Name: ${file.name}`);
currentIndex++;
queneDropZone.innerHTML =`Filecount: ${droppedFiles.length - currentIndex +1}`;
};
nextFileButton.addEventListener('click', () => {
startNextImageInQuene();
});
|