FormData in JavaScript

The JavaScript FormData class is often used to upload files using JavaScript. For example, given a JavaScript file input:

<input type="file" id="my-input">

You can upload the selected file by creating a FormData class and passing it to Axios' post() function.

const input = document.querySelector('#my-input');

const formData = new FormData();
formData.append('myFile', input.files[0]);

axios.post('/upload', formData, {
  headers: {
    'Content-Type': 'multipart/form-data'
  }
});

In short, the FormData class is the easiest way to upload a file from JavaScript without submitting an actual HTML form.

More Fundamentals Tutorials

• Check if a Date is Valid in JavaScript
• Encode base64 in JavaScript
• Check if URL Contains a String
• JavaScript Add Month to Date
• JavaScript Add Days to Date
• 3 Patterns to Merge Arrays in JavaScript
• Convert a BigInt to a Number in JavaScript