Handling file uploads from Webflow Form

Help
, ,
1

Hi,

I’m using a Webflow form with the form action going to a Pipedream HTTP trigger. I’m receiving the form inputs ok, but the uploaded file is only showing a file name. I would normally use the Webflow API, but I’d rather not have the workflow triggered for every Webflow form submission. Any help would be really appreciated.

Thanks

2

Hi @wwc-776

Can you share the code of the step you’re using to upload the form’s file data?

Perhaps there’s an issue of form data encoding.

3

I selected to allow Pipedream support access to my workflow. Here’s the URL - https://pipedream.com/@wwc-776/webflow-application-form-test-pipedream-p_rvCv31y/build

4

Hi @pierce, I set the Webflow form action to a Pipedream HTTP trigger URL. All the information is passed along nicely, but any file uploads are only shown with the file name and not the actual URL file path of where the uploaded file is actually located.

5

Hi @wwc-776,

We provide private 1:1 support for Teams customers via a private Slack channel, I won’t be able to open your workflow.

I encourage you to post your code without secrets here so myself and other community members can assist you with this issue.

6

Hey @pierce,

Ok, thanks for letting me know about the private Slack channel for support. I was able to find a workaround for the moment, in case you or anyone else is interested. I made a filtered webhook in Webflow to only fire on a specific form submission. When I receive that webhook in Pipedream, it shows the correct URL’s for the uploaded files :+1:

1 Like
7

Solution update:

Set the Webflow form action to your Pipedream HTTP trigger URL, then add the following to the form custom attributes:

enctype=" multipart/form-data "

This will show the filename and file URL of your form file upload in the results of your Pipedream trigger.