diff --git a/Components/ChatInput.svelte b/Components/ChatInput.svelte
index e75a4b1..f10aac2 100644
--- a/Components/ChatInput.svelte
+++ b/Components/ChatInput.svelte
@@ -470,6 +470,27 @@
     e.stopPropagation();
   }
 
+  function handleAttachments() {
+    const input = document.createElement("input");
+    input.multiple = true;
+    input.type = "file";
+
+    input.onchange = async () => {
+      if (input.files) {
+        const dataTransfer = new DataTransfer();
+
+        for (let index = 0; index < input.files.length; index++) {
+          dataTransfer.items.add(input.files[index]);
+        }
+
+        const files = await inputService.getFilesFromDataTransfer(dataTransfer);
+        const newAttachments = files.filter(file => !attachments.some(a => a.base64 === file.base64));
+        attachments = [...attachments, ...newAttachments];
+      }
+    };
+    input.click();
+  }
+
   function handleCursorPositionChange() {
     if (!$searchState.active || $searchState.position === null) {
       return;
@@ -554,10 +575,9 @@
   <button
     id="chat-attachment-button"
     bind:this={attachmentButton}
-    on:click={() => {  }}
+    on:click={() => { handleAttachments() }}
     disabled={isSubmitting}
-    aria-label={"Attachment"}>
-    <!-- Copy.AttachmentLabel -->
+    aria-label={Copy.ButtonAttachFiles}>
   </button>
 
   <button
diff --git a/Enums/Copy.ts b/Enums/Copy.ts
index 301e2bb..84fcc19 100644
--- a/Enums/Copy.ts
+++ b/Enums/Copy.ts
@@ -119,6 +119,7 @@ export enum Copy {
     ButtonTurnOffWebSearch = "Turn off Web Search",
     ButtonTurnOnWebSearch = "Turn on Web Search",
     ButtonUserInstruction = "User Instruction",
+    ButtonAttachFiles = "Attach Files",
 
     // Agent file message
     AttachedFile = `The user has attached the file {fileName}. The contents of the file are included below.