Access Form File Uploads Through API

Design help Custom code
1

I noticed that the form file uploads are stored at a URL like “https://webflow.com/api/sites/us-legal-news-bureau/formUploads/96e8fb3d-879e-4769-8138-50ef41d17205.mp4”. I am trying to access these uploads somehow.

I originally thought I would just store the video files themselves in my backend, but the form does not send the data to do so. It only sends a URL like above.

Then I tried to just use the URL as the source of the video, but it can only be viewed if logged in to the right webflow account.

Context: I am creating an employee portal where employees can upload videos to the main page of the website. Because of the backend setup, it needs to be done without CMS collections (the data must be stored in backend).

How can I allow employees to upload videos directly to the home page from a form?

Here is my site Read-Only: https://preview.webflow.com/preview/us-legal-news-bureau?utm_medium=preview_link&utm_source=dashboard&utm_content=us-legal-news-bureau&preview=f1a5373f3af49e2bcef4d7c3ab1f3df3&workflow=preview

2

Hi mate,

Did you ever figure this out? Facing a similar issue

3

Personally I wouldn’t use Webflow’s file upload for this, I’d use a 3rd party handler to collect those files. That means either going with an entirely seprate forms service like jotform, or adding some script and a component to handle the upload to a different storage provider e.g. Amazon S3.

If you want to use Webflow’s, you might be able to setup an automation that is triggered by webflow’s form submission received webhook, and then download the file from the URL provided.

I don’t currently use the file upload feature on any client sites, so I can’t verify that the file URL is included in the form submit info, but it should be.

1 Like