Webflow form file upload to inbound HTTP request

Help
1

Hi,

My workflow is receiving data from a Webflow form being submitted. In Webflow, the form action has been set to the HTTP request trigger URL. Pipedream is receiving all the info except the file upload is only showing the filename. How do get the uploaded file from the Webflow form into the Pipedream /tmp directory? I included a screenshot of the workflow trigger results below. Thanks

pipedream-workflow-screenshot
pipedream-workflow-screenshot915×1157 137 KB

2

Hello @wwc-776,

May I ask how can you setup this part? Maybe on Webflow, you can upload the file to a cloud storage service (Google Drive, Onedrive, ect…), then pass the link to Pipedream. Then on Pipedream, you can add an action for Google Drive, Onedrive to download the file to tmp dir

3

Hi @vunguyenhung,

In the Webflow designer, I selected my form and then added the HTTP request trigger URL to the ‘action’ option under ‘Form Settings’.

webflow-form-settings-screenshot
webflow-form-settings-screenshot238×724 21.6 KB

4

Thanks @wwc-776,

Maybe on Webflow, you can another action to upload the file to a cloud storage service (Google Drive, Onedrive, ect…), then send another request to Pipedream HTTP webhook. Then on Pipedream, you can add an action for Google Drive, Onedrive to download the file to tmp dir

5

Thanks @vunguyenhung. I think I understand what you’re saying. I’m not sure how to add another action in Webflow to upload the file to a cloud storage service though. That would solve this issue though :+1:

6

I’m hoping that the Pipedream team has a solution that I’m not aware of.

7

Hi @wwc-776,

I think on Pipedream side, we can not control how Webflow store the files. Pipedream can only receive the information on Webflow (.i.e the file download url), and react on that (.i.e download the file)

I think if you would like to have an end-to-end solution, please feel free to hire a Pipedream expert via this link: Connect with a Pipedream Partner

8

That’s what I’m trying to find out. Why isn’t Pipedream receiving the file download URL from the Webflow form submission? Right now it’s only receiving the filename itself.

9

I think the question should be why Webflow doesn’t send the file download url to Pipedream? On Pipedream side we can not control what we received from Webflow.

1 Like
10

You’re right. That is the question to be asking. I’ll contact Webflow support. Thanks for taking the time to help me.

2 Likes
11

Hi @vunguyenhung, I searched through the Webflow community forum and found the solution! I inserted the Pipedream HTTP request trigger URL into the Webflow form action. Then, to the form custom attributes I added:

enctype=" multipart/form-data "

Pipedream now receives the filename and the Pipedream AWS S3 file URL.

Thanks for pointing me in the right direction.

2 Likes