dst/store
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: clear existing files and previews when adding a file to a single-limit MediaDropzone

Browse Source
This commit is contained in:
Yoga Pangestu 2026-06-25 22:43:42 +07:00
parent cce733e288
commit 4afba34a57
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
resources/js/components/media/MediaDropzone.vue
View File

@ -63,6 +63,23 @@ function formatBytes(bytes: number): string {
}
function onAddedFile(item: { id: string; file: File }) {
if (props.maxFiles === 1) {
state.value.existing.forEach((existingItem) => {
if (!state.value.removeIds.includes(existingItem.id)) {
state.value.removeIds.push(existingItem.id);
}
});
state.value.existing = [];
const previewsCopy = [...filePreviews.value];
previewsCopy.forEach((p) => {
dropzoneRef.value?.removeFile(p.id);
});
filePreviews.value.forEach((p) => URL.revokeObjectURL(p.objectUrl));
filePreviews.value = [];
state.value.newFiles = [];
}
state.value.newFiles.push(item.file);
filePreviews.value.push({
id: item.id,