Breaking News: Grepper is joining You.com. Read the official announcement!

Sending a form with a file

Dangerous Dunlin answered on October 6, 2023 Popularity 2/10 Helpfulness 1/10

answer Sending a form with a file

Sending a form with a file

Comment

document.addEventListener('DOMContentLoaded', function () {
  const myForm = document.getElementById('myForm');

  myForm.addEventListener('submit', function (e) {
    e.preventDefault(); // Prevent the default form submission

    // Create a new FormData object and populate it with form data
    const formData = new FormData(myForm);

    // Send a POST request to the server with the FormData object
    fetch('https://api.example.com/submit-form', {
      method: 'POST',
      body: formData,
    })
      .then((response) => {
        if (!response.ok) {
          throw new Error('Network response was not ok');
        }
        return response.json();
      })
      .then((data) => {
        console.log('Form submission response:', data);
        // Optionally, you can reset the form after successful submission
        myForm.reset();
      })
      .catch((error) => {
        console.error('Form submission error:', error);
      });
  });
});

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: chat.openai.com

Tags: file form-with javascript

Link to this answer
Share Copy Link

Contributed on Oct 06 2023

Dangerous Dunlin

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Sending a form with a file

Contents

More Related Answers

Sending a form with a file

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.