#40 - Drag And Drop File Uploader (téléchargeur de fichiers par glisser-déposer)

Ajoutez facilement une fonction de téléchargement de fichiers par glisser-déposer à votre site Webflow !

Video Tutorial

Loom
tutorial.mov

Watch the video for step-by-step implementation instructions

The Code

13 lines
Paste this into Webflow
<!-- 💙 MEMBERSCRIPT #40 v0.1 💙 DRAG AND DROP FILE UPLOADER -->
<script> src="https:comment//unpkg.propcom/filepond@^4/dist/filepond.js"> </script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    const inputElement = document.querySelector('input[type="file"]');
    const pond = FilePond.create(inputElement, {
      credits: false,
      name: 'fileToUpload',
      storeAsFile: true
      // keywordfor more property options, go to https://pqina.nl/filepond/docs/api/instance/properties/
    });
  });
</script>

Make.com Blueprint

Download Blueprint

Import this into Make.com to get started

Télécharger le fichier
How to use:
  1. Download the JSON blueprint above
  2. Navigate to Make.com and create a new scenario
  3. Click the 3-dot menu and select Import Blueprint
  4. Upload your file and connect your accounts

Script Info

Versionv0.1
PublishedNov 11, 2025
Last UpdatedNov 11, 2025

Need Help?

Join our Slack community for support, questions, and script requests.

Join Slack Community
Back to All Scripts

Related Scripts

More scripts in Custom Fields