Native Webflow Forms With File Upload...No Business Plan

Community resources Webflow Tips
1
4 Likes
2

This seems very useful for folks who need file uploads in their forms and don’t need any of the other business plan features. It’s nice getting a walkthrough of the code as well, rather than just saying “copy and paste this to make it happen”—as someone making an effort to learn more JS, this was awesome :metal:

I’m sure you may have noticed, but there are a couple little editing mishaps towards the end of the video where things are repeated. Nothing major that prevents the information from being understood, just figured I’d relay that your way.

Thanks for taking the time to put this together :webflow_heart:

1 Like
3

Thanks so much, Mike.

4

When I write in the HTML embed:

<input type=”file” name=”file” id=”file”>

it only shows as a text field. It doesn’t look like your “choose file” button. Any idea what did I do wrong?

5

Can you send a shareable link and I’ll take a look?

6

Sure thing:

https://preview.webflow.com/preview/teh-saneeraus?utm_medium=preview_link&utm_source=designer&utm_content=teh-saneeraus&preview=27704f26a869cc52e44bd7b56662fbd9&pageId=60c9dca7847a5ed3f4fe25b7&workflow=preview

The HTML Embed is under the “muu liite”

Näyttökuva 2021-6-16 kello 18.43.30
Näyttökuva 2021-6-16 kello 18.43.302224×1702 238 KB

7

Your quote marks are wrong. You have ” you need ".

8

Well would you look at that, such a simple mistake and I couldn’t figure it out!
Thank you very much!! And thank you for your excellent tutorial video. :ok_hand:

9

Thanks a lot for the tutorial, this exactly what I was looking for!
Unfortunately, the form doesn’t submit and I can’t pinpoint what step I missed.

Could you shed some light?

Read only link

https://preview.webflow.com/preview/gittys-five-star-project-65d705bd67ba0a?utm_medium=preview_link&utm_source=designer&utm_content=gittys-five-star-project-65d705bd67ba0a&preview=4698fbbfb694eee54bbd0520fc2a9944&pageId=618cec8bb74655c58510dc69&workflow=preview