How can I use formdata in upload file on vuetify?

Question

I try like this : https://codepen.io/positivethinking639/pen/OJVRjGL?editors=1010

My code :

<v-form>
  <v-file-input multiple 
                v-model="documents"
                label="File input"></v-file-input>
  <v-btn color="success" @click="submit()">
    test
  </v-btn>
</v-form>

but it does not works

if I upload file and click button test, the formdata empty on the console

How can I solve this problem?

Jeremy Walters · Accepted Answer · 2020-02-20 09:45:07Z

2

You can simple use the spread operator to view formdata. FormData is part of the XMLHttpRequest spec.

console.log(...formData);

answered Feb 20, 2020 at 9:45

Jeremy Walters

2,15219 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pratik Patel · Accepted Answer · 2020-02-20 08:28:13Z

0

You can't print formData directly on the console.

Try this.

// Display the key/value pairs
for (var pair of formData.entries()) {
    console.log(pair[0]+ ', ' + pair[1]); 
}

Codepen - https://codepen.io/positivethinking639/pen/OJVRjGL?editors=1010

answered Feb 20, 2020 at 8:28

Pratik Patel

7,0381 gold badge20 silver badges44 bronze badges

6 Comments

moses toh Over a year ago

I want to ask. What's the difference between sending using formdata and not using formdata?

Pratik Patel Over a year ago

formdata used when you want to send the file using Axios

moses toh Over a year ago

I send the file using axios

moses toh Over a year ago

I get reference that it only to add headers: {'Content-Type': 'multipart/form-data' }

Pratik Patel Over a year ago

example - stackoverflow.com/questions/53784888/…

|

Collectives™ on Stack Overflow

How can I use formdata in upload file on vuetify?

2 Answers 2

Comments

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related