# Drag and Drop like chatGPT

**URL:** https://community.weweb.io/t/drag-and-drop-like-chatgpt/17241
**Category:** How do I?
**Tags:** workflows
**Created:** [March 17, 2025, 2:02pm UTC](https://community.weweb.io/t/drag-and-drop-like-chatgpt/17241 "2025-03-17T14:02:28Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![tcc](https://avatars.discourse-cdn.com/v4/letter/t/df705f/32.png) [@tcc](https://community.weweb.io/u/tcc)
#### Post date: [March 17, 2025, 2:02pm UTC](https://community.weweb.io/t/drag-and-drop-like-chatgpt/17241/1 "2025-03-17T14:02:28Z")

</div>

I would like to implement drag-and-drop file upload in my WeWeb app, similar to ChatGPT. When a user drags a file over a specific “chat” container, a visual indicator should appear. If the file is dropped, it should automatically upload to Xano and be attached to the active chat session.

The feature must work only inside the chat container and should not interfere with other UI elements or interactions.

I have 3 workflows: Drag Enter, Drag Leave and File Drop. However there seems to be a bug when checking Javascript dragging file. I am also not sure that the trigger on mouse down is the right one.

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/8649d742a69599ba6eec89c0e0f7f39b77995c64.png)  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/f/f732d8f235bcbeb012f7dc7ab605a2c7558f2329.png)  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/4/49528cf916f5857218b2b0755dff9aea9ef1fe4c.png)  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/3/3ebc1689ecb38cab6f92f9e3ce4faa423ec08866.png)

Should I create a custom trigger and how or how to solve the drag/drop?

---

<div class="post-metadata">

### Author: ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)
#### Post date: [March 17, 2025, 9:25pm UTC](https://community.weweb.io/t/drag-and-drop-like-chatgpt/17241/2 "2025-03-17T21:25:30Z")

</div>

The WeWeb’s event isn’t a real event object I think. If you want to get the real event, you need to add the event listener yourself with Custom JS.