How to upload the files using VueJS and Laravel 5.3
<p>I am developing SPA using VueJS, Laravel 5.3 and Passport Authentication module.<br></p>

<p>My Code upto now. and I can get file name selected. Working fine but how to send selected files to make post request to upload the files to the server?</p>

<pre><code>&lt;script&gt;
  import {mapState} from 'vuex'
  export default{
    computed: {
      ...mapState({
        userStore: state =&gt; state.userStore
      })
    },
    data () {
      return {
        fax: {
          files: '',
          image: ''
        }
      }
    },
    methods: {
      onFileChange (e) {
        this.fax.files = e.target.files || e.dataTransfer.files
        if (!this.fax.files.length) {
          return
        }
        console.log(this.fax.files)
      }
    },
    created () {
      this.$store.dispatch('setUserDid')
    }
  }
&lt;/script&gt;

&lt;template&gt;
&lt;form action="" method="post" enctype="multipart/form-data"&gt;
&lt;input type="file" multiple @change="onFileChange"&gt;
&lt;input type="text" name="group" &gt;

&lt;ul&gt;
    &lt;li v-for="file in fax.files"&gt;
        {{ file.name }}
    &lt;/li&gt;
&lt;/ul&gt;  
&lt;/template&gt;
</code></pre>

<p>Upto now, I can get file names displayed on my page using {{fax.files}}. <strong>How to make post request so that i can catch the file from my server side (API endpoint)?</strong> I tried googling and coding but i could not able to do.</p>