title: Can't Upload Image with Axios Vue 3
body: <p>I want to upload image by Vue 3 and Axios with state. But error is: array to string. I don't know what to do know. Please help me. Thank so much.</p>
  <p>HTML:</p>
  <pre><code>    &lt;input
        type='file'
        class=&quot;hidden&quot;
        name=&quot;avatar&quot;
        id=&quot;avatar&quot;
        @change=&quot;updatePreview&quot;
        style=&quot;display: none;&quot;
      /&gt;
  </code></pre>
  <p>Define State</p>
  <pre><code>const state = reactive({
    user: {},
    updateMovie: {
      id: '',
      name: '',
      image: '',
     }
  </code></pre>
  <p>Take file image:
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function updatePreview(e) {
        if (e.target.files.length === 0) {
          return
        }
        console.log(e)
        imageFile.value = e.target.files[0]
  
        state.updateMovie.image = e.target.files[0]
      }
      
  const submitModal = (type) =&gt; {
    if (type === 'edit') {
  
    const form = {
      image: state.updateMovie.image,
    }
    const id = state.updateMovie.id
    console.log("form: ", form)
    console.log(typeof form.image)
    axios.post(`movie/update/${id}`, form)
      .then((res) =&gt; {
      if (res.status === 200) {
      const data = res.data.data.movie
        })
       }
     })
    }
  }</code></pre>
  </div>
  </div>
  
  That's all. Now i don't know what to do to send data to axios.</p>