# Drag and drop upload

**URL:** <https://community.weweb.io/t/drag-and-drop-upload/669>\
**Category:** How do I?\
**Created:** [June 16, 2022, 8:35am UTC](https://community.weweb.io/t/drag-and-drop-upload/669 "2022-06-16T08:35:11Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Walds](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/walds/32/389_2.png) [@Walds](https://community.weweb.io/u/Walds)\
**Post date:** [June 16, 2022, 8:35am UTC](https://community.weweb.io/t/drag-and-drop-upload/669/1 "2022-06-16T08:35:11Z")

</div>

Hi what should I use to create a drag and drop function to upload files? Basically, I want the user to be able to drag a file from a folder then drop it on a drop zone on the website. Is this possible? Thanks in advance!

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [June 23, 2022, 7:23am UTC](https://community.weweb.io/t/drag-and-drop-upload/669/2 "2022-06-23T07:23:07Z")

</div>

Hi @Walds 👋

Not with the current no-code elements, no. You would need to work with external libraries.

We may integrate something like Cloudinary or Imgur to offer that option in the future but it’s not yet prioritized in our roadmap.

I’ve added your feedback to our user research so we keep it in mind!

In the meantime, you might reach out to @dorilama who is working with @kyanaloe on [something similar](https://community.weweb.io/t/incorporate-html-element-in-workflow/660) 🙂

---

<div class="post-metadata">

**Author:** ![Walds](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/walds/32/389_2.png) [@Walds](https://community.weweb.io/u/Walds)\
**Post date:** [June 24, 2022, 3:33am UTC](https://community.weweb.io/t/drag-and-drop-upload/669/3 "2022-06-24T03:33:55Z")

</div>

Thank you for the feedback Joyce!

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [October 25, 2022, 10:22am UTC](https://community.weweb.io/t/drag-and-drop-upload/669/4 "2022-10-25T10:22:38Z")

</div>

Hi @Walds 👋

Just wanted to let you know it is now possible for users to drag and drop files when you use the file upload element in the UI kit:

 ![CleanShot 2022-10-25 at 12.21.49@2x](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/83e260f0c02b85d5d29cc487c078d14432032d27.png)

---

<div class="post-metadata">

**Author:** ![tjmcdonough](https://avatars.discourse-cdn.com/v4/letter/t/258eb7/32.png) [@tjmcdonough](https://community.weweb.io/u/tjmcdonough)\
**Post date:** [January 4, 2023, 8:15am UTC](https://community.weweb.io/t/drag-and-drop-upload/669/6 "2023-01-04T08:15:19Z")

</div>

@Joyce The click and drag functionality does not work for custom file types.

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/9/9852623ad6e5265e026b1d28e0175b73be86ce17.png)

I am using Custom for an excel file instead of using WeWebs Excel type because the file explorer only loads the specified extensions. Your Excel type doesn’t do this.

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/c/cb0aec646b6ad53500a8e1c9c574d5b2906a3652.png)

---

<div class="post-metadata">

**Author:** ![Mael](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mael/32/13246_2.png) [@Mael](https://community.weweb.io/u/Mael)\
**Post date:** [January 9, 2023, 9:37am UTC](https://community.weweb.io/t/drag-and-drop-upload/669/7 "2023-01-09T09:37:33Z")

</div>

> [@tjmcdonough](#):
>
> I am using Custom for an excel file instead of using WeWebs Excel type because the file explorer only loads the specified extensions. Your Excel type doesn’t do this.

Could you tell us what is not working? I tried on a personal project and everything is working. I get the weweb link to download the file