Can't upload file to server

[jay7793]

Hello
I'm having trouble uploading form file to server. I follow this example. I do not know what's wrong with my code. Please help.

This is my code for post to server (When clicked Submit button)

update() {
   this.form
   .post('/settings/profile', {
      // Transform form data to FormData
      transformRequest: [
        function(data) {
          return objectToFormData(data)
        }
      ]
    })
   .then(({ data }) => {
     this.$store.dispatch('auth/updateProfile', { data })
   })
}

Before upload to server I monitor the form object using console.log() the avatar field contain file data.

Then upload the file to the server, each field works correctly except for the avatar field (it is empty).

I don't understand where the data is missing

Thank you.

[kullarkert]

Try with this.form.submit not this.form.post

[christiancazu]

Try with this.form.submit not this.form.post

i can't do it work with put or patch, when i send the request arrives empty to my backend

[jimohalloran]

Same issue here. Using form.submit instead of form.post works fine for me. But if I try this with form.submit('patch' my backend doesn't receive the form data.

[cretueusebiu]

See my comment #54 (comment)