title: Quasar upload file from axios
body: <p>I have a form with multiple inputs that includes file input too. Now, I want to pass these data on the <code>onSubmit</code> function. but, there is an issue, in the quasar documentation, I didn't see instruction about file upload by Axios in the script part.
  I read <a href="https://quasar.dev/vue-components/uploader" rel="nofollow noreferrer">Uploader in the quasar doc</a> and also I read this one from <a href="https://stackoverflow.com/questions/53784888/quasar-framework-uploader-with-axios">Stackoverlow</a>, But I didn't work for me.</p>
  
  <p>Also, this is my templates code:</p>
  
  <pre><code>&lt;template&gt;
    &lt;div class="q-pa-md q-mt-md"&gt;
      &lt;q-card class="my-card"&gt;
        &lt;q-form
          @submit="onSubmit"
          class="q-gutter-md"
        &gt;
          &lt;div class="row justify-center"&gt;
            &lt;q-uploader
              label="Upload your music"
              color="purple"
              accept=".mp3"
              :max-file-size="20000000"
              square
              flat
              @add="file_selected"
              bordered
            /&gt;
          &lt;/div&gt;
          &lt;div class="row justify-center"&gt;
            &lt;q-btn label="Edit" type="submit" color="primary" v-if="song_id" class="q-ma-md" /&gt;
            &lt;q-btn label="Add" type="submit" color="primary" v-else class="q-ma-md" /&gt;
            &lt;q-btn label="Cancel" type="reset" color="primary" flat class="q-ml-sm" /&gt;
          &lt;/div&gt;
        &lt;/q-form&gt;
      &lt;/q-card&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>And the methods part:</p>
  
  <pre><code>file_selected: function (file) {
    console.log(file)
    this.selected_file = file[0]
    this.check_if_document_upload = true
  },
  onSubmit: function () {
    const url = '/core/v1/api/songs/upload'
    const fileData = new FormData()
    fileData.append('file_data', this.selected_file)
    fileData.append('song_id', this.song_id)
    this.$axios.post(url, fileData, {
      headers: {
        'Content-Type': 'multipart/form-data'
      }
    }).then(function () {
      console.log('SUCCESS!!')
    })
      .catch(function () {
        console.log('FAILURE!!')
      })
  </code></pre>
  
  <p>And <code>data</code> part:</p>
  
  <pre><code>data: () =&gt; ({
      selected_file: '',
      check_if_document_upload: false,
      song_id: '',
      song_data: {
        status: true
      },
      dashData: []
    }),
  </code></pre>