drag-n-drop-file-upload.webflow.io Open in urlscan Pro
172.64.151.8  Public Scan

URL: https://drag-n-drop-file-upload.webflow.io/
Submission: On October 13 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

Name: email-formPOST https://hook.us1.make.com/36h413mow3rxt3pnxhxwpmxstz57l8gh

<form id="myForm" name="email-form" data-name="Email Form" action="https://hook.us1.make.com/36h413mow3rxt3pnxhxwpmxstz57l8gh" method="post" ms-code-file-upload="form" data-wf-page-id="648ae10e4a393f2f20fdace7"
  data-wf-element-id="baad5134-a32d-bc62-9100-fed41e0b458e" enctype="multipart/form-data" aria-label="Email Form"><label for="name" class="label">Name</label><input class="input w-input" maxlength="256" name="name" data-name="Name" placeholder=""
    type="text" id="name"><label for="Message" class="label">Message</label><input class="input w-input" maxlength="256" name="Message" data-name="Message" placeholder="" type="text" id="Message"><label for="Message-2" class="label">Upload a
    file</label>
  <div ms-code-file-upload-input="fileToUpload" class="uploader">
    <div class="filepond--root filepond--hopper" id="fileToUpload" data-style-button-remove-item-position="left" data-style-button-process-item-position="right" data-style-load-indicator-position="right" data-style-progress-indicator-position="right"
      data-style-button-remove-item-align="false" style="height: 76px;"><input class="filepond--browser" type="file" id="filepond--browser-64x2wx3od" name="fileToUpload" aria-controls="filepond--assistant-64x2wx3od"
        aria-labelledby="filepond--drop-label-64x2wx3od">
      <div class="filepond--drop-label" style="transform: translate3d(0px, 0px, 0px); opacity: 1;"><label for="filepond--browser-64x2wx3od" id="filepond--drop-label-64x2wx3od">Drag &amp; Drop your files or <span class="filepond--label-action"
            tabindex="0">Browse</span></label></div>
      <div class="filepond--list-scroller" style="transform: translate3d(0px, 0px, 0px);">
        <ul class="filepond--list" role="list"></ul>
      </div>
      <div class="filepond--panel filepond--panel-root" data-scalable="true">
        <div class="filepond--panel-top filepond--panel-root"></div>
        <div class="filepond--panel-center filepond--panel-root" style="transform: translate3d(0px, 8px, 0px) scale3d(1, 0.6, 1);"></div>
        <div class="filepond--panel-bottom filepond--panel-root" style="transform: translate3d(0px, 68px, 0px);"></div>
      </div><span class="filepond--assistant" id="filepond--assistant-64x2wx3od" role="status" aria-live="polite" aria-relevant="additions"></span>
      <fieldset class="filepond--data"></fieldset>
      <div class="filepond--drip"></div>
    </div>
  </div>
</form>

Text Content

DRAG N' DROP FILE UPLOADER

Simply add in MemberScript #40 code and all of your file inputs will
automagically turn into drag and drop inputs.

NameMessageUpload a file
Drag & Drop your files or Browse



Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.