How to create a FormData from an object and send an image to the backend using axios

formdata.js

// In this example you can see how to create a FormData from an object. 
// This, in conjunction with axios, can be used to send an image to the back-end.

var formData = new FormData()
formData.append('_method', 'PUT')
for (const [key, value] of Object.entries(myObject)) {
  formData.append(key, JSON.stringify(value))
}
if (this.image != null) formData.append('image', this.image)

axios.post(route('resource.update', { id: this.resource.id }), formData, {
  headers: {
    'Content-Type': 'multipart/form-data'
  }
})