title: POST Image which store as a Blob with Axios - VUEJS
body: <p>I have a data Image which store as a Blob but I dont know how to post it with Axios, I use VUEJS. Please help me.</p>
  
  <p>My Object API by VueDevtool
  <a href="https://i.stack.imgur.com/38RRD.png" rel="noreferrer"><img src="https://i.stack.imgur.com/38RRD.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;file-upload v-model="files"&gt;&lt;/file-upload&gt;
  &lt;button type="submit" v-on:click.prevent="Submit"&gt;Submit&lt;/button&gt;
  
  &lt;script&gt;
    methods: {
      data: function () {
        return {
          config: {
            'headers': {'Authorization': 'JWT ' + this.$store.state.token},
            'Content-Type': 'multipart/form-data'
          }
      },
      methods:{
        for (var file in this.files) {
          let data = new FormData()
          data.append('image', this.file[0])
          data.append('caption', 'image')
          data.append('user', this.Authuser)
          api.post('/photos/create/', data, this.config)
        }
      }
    }
  &lt;/script&gt;
  </code></pre>