How can I create a file upload component in Vue.js?

How can I create a file upload component in Vue.js?

You can create a file upload component in Vue.js by using the <input type='file'> element and handling the file selection in your component's methods.

Can you show me a simple example?

Sure! Here's a basic example:

<template>
  <div>
    <input type='file' @change='onFileChange' />
  </div>
</template>

<script>
export default {
  methods: {
    onFileChange(event) {
      const file = event.target.files[0];
      console.log('Selected file:', file);
    }
  }
}
</script>

How do I handle multiple file uploads?

To handle multiple file uploads, you can add the multiple attribute to the <input> element and modify your method to process an array of files.

What about file validation?

You can validate files by checking their type and size in the onFileChange method before processing them.