How can I upload files to a server using Vue 3?

How can I upload files to a server using Vue 3?

You can use the axios library to handle file uploads in Vue 3. First, install axios using npm.

What code do I need to write for the file input?

You can create a file input in your template like this: <input type='file' @change='onFileChange' />.

How do I handle the file change event?

In your script, define the onFileChange method to capture the file and prepare it for upload.

Can you show me the complete upload function?

Sure! Here's a simple upload function using axios:

uploadFile() {
  const formData = new FormData();
  formData.append('file', this.selectedFile);
  axios.post('/upload', formData)
    .then(response => {
      console.log('File uploaded successfully:', response.data);
    })
    .catch(error => {
      console.error('Error uploading file:', error);
    });
}