Free Blob Storage after file unmount #142

New issue

Open

opened 2025-10-31 07:12:13 +00:00 by jkeffects · 0 comments

jkeffects commented

2025-10-31 07:12:13 +00:00

Owner

Blobs for displaying images or PDFs are stored in the browser memory, thus reducing the storage space available to the web app if not cleaned up after usage

Integration of a separate component that loads files via URL or receives a file and frees up storage space when unmounted.
The component reloads the display when the URL / file changes

// concept
const imageUrl = ref<string|File>(null);

function setImage(file) {
  if (imageUrl.value) {
    URL.revokeObjectURL(imageUrl.value);
  }
  imageUrl.value = URL.createObjectURL(file);
}

// Free storage on unmount
onUnmounted(() => {
  if (imageUrl.value) {
    URL.revokeObjectURL(imageUrl.value);
  }
});

Blobs for displaying images or PDFs are stored in the browser memory, thus reducing the storage space available to the web app if not cleaned up after usage - [ ] Integration of a separate component that loads files via URL or receives a file and frees up storage space when unmounted. - [ ] The component reloads the display when the URL / file changes ```js // concept const imageUrl = ref<string|File>(null); function setImage(file) { if (imageUrl.value) { URL.revokeObjectURL(imageUrl.value); } imageUrl.value = URL.createObjectURL(file); } // Free storage on unmount onUnmounted(() => { if (imageUrl.value) { URL.revokeObjectURL(imageUrl.value); } }); ```