Hello guys, I’m trying to send a POST request using axios + Nuxt.js to submit a form which contains a file input type. My focus is to handle the submit event. Following the documentation I created the index.vue component: Code: Nuxt.js + Netlify form with input file - Pastebin.com I’m giving a 4…

Hi @Perry thank you very much for your reply. I finally found a solution, I was bad encoding the attach data. Now is working with nuxt.js and axios. Here is the updated encode methods: encode(data) { const formData = new FormData(); for (const key of Object.keys(data)) { formData.append…

UPDATE I solved the 404 error, my submission is now visible inside the Netlify Form dashboard but the attach field is empty. Only the name field is correctly populated. Here is the updated index.vue component: <template> <div class="question-form"> <form name="ask-question2" metho…

hi! I posted this on another thread as well, but did you look through these examples already? [image] Example of Netlify Forms with file upload using React, Hooks, Fetch, react-dropzone Support Hi! I just wanted to share a simple example of doing a form submission using N…

thanks for posting your solution, @andreaweb !

Netlify form with input type="file" + Nuxt.js return 404

Support

perry September 12, 2019, 5:14pm 3

hi! I posted this on another thread as well, but did you look through these examples already?

Topic		Replies	Views
Nuxt async file send form: All data received only Upload file is empty Support netlify-forms	3	1534	November 21, 2021
Netlify Forms doesn't send File Attachment Support netlify-forms	6	2510	April 19, 2021
Nuxt 3 submit form results in 404 Support netlify-forms , nuxt	3	1031	May 19, 2023
Netlify forms file upload using Vue/Gridsome Support netlify-forms	5	2569	March 2, 2021
Form handling with Files Support netlify-forms	1	530	January 14, 2022

Netlify form with input type="file" + Nuxt.js return 404

Related topics