title: Quasar Framework Uploader with axios
body: <p>A question about the quasar framework uploader component. 
  I need to post the images to a URL that will rename the uploaded file and return the full path. </p>
  
  <p>I'm using the <strong>upload-factory</strong> and <strong>axios</strong></p>
  
  <p>But I'm having problems understanding exactly how to pass the file to axios as if it was just an input type file.
  Basically I need to make it as If I'm sending a form with a single input file like this: </p>
  
  <pre><code>&lt;input type="file" name="banner"&gt;
  </code></pre>
  
  <p>This is the component:</p>
  
  <pre><code>&lt;q-uploader
    url=""
    extensions=".gif,.jpg,.jpeg,.png"
    :filter="filterFiles"
    :upload-factory="uploadFile" /&gt;
  </code></pre>
  
  <p>This is the upload method,  but I keep getting an error response from the server. </p>
  
  <pre><code>uploadFile (file, updateProgress) {
    const formData = new FormData()
    formData .set('banner', file)
    var headers = {
      'Content-Type': 'multipart/form-data'
    }
    axios.post('http://someurl/uploadFile', formData , headers)
      .then(function (response) {
        console.log(response)
      })
      .catch(function (response) {
        console.log(response)
      })
  }
  </code></pre>
  
  <p>If I post a plain html form with  <strong>method="post" enctype="multipart/form-data"</strong> and a </p>
  
  <pre><code>&lt;input type="file" name="banner"&gt;
  </code></pre>
  
  <p>I get my OK response from the server with the processed/uploaded image URL</p>