From 36cd9fbe8ac7b2447ef5a3891072e7a48774beee Mon Sep 17 00:00:00 2001
From: Christoph Urlacher <christoph.urlacher@protonmail.com>
Date: Thu, 12 Dec 2024 04:38:00 +0100
Subject: [PATCH] Lib: Add image preview helper

---
 src/lib/image.ts | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 src/lib/image.ts

diff --git a/src/lib/image.ts b/src/lib/image.ts
new file mode 100644
index 0000000..43f218c
--- /dev/null
+++ b/src/lib/image.ts
@@ -0,0 +1,17 @@
+export const get_image_preview_event_handler = (id: string) => {
+  const handler = (event) => {
+    const target = event.target;
+    const files = target.files;
+
+    if (files.length > 0) {
+      const src = URL.createObjectURL(files[0]);
+      const preview = document.getElementById(id) as HTMLImageElement;
+      if (preview) {
+        preview.src = src;
+        preview.hidden = false;
+      }
+    }
+  };
+
+  return handler;
+};