vue how to send file to backend

Question

lets say, I have my files in variable files.

Normally I send a JSON Object to my server:

let person = {
 name = 'alan'
 job = 'it'
};

And then I send with axios post.

So how can I add the attached file to the object and send it to the server? Because on server-side and in db I need to know which file belongs to which person?

Answer 1

You can use Base64 encode in client side and add the encoded string to your post request and decode from server side.