无法使用 Axios Vue 3 上传图像

Question

我想通过 Vue 3 和 Axios 上传带有状态的图像。但错误是：数组到字符串。我不知道该怎么办。请帮我。非常感谢。

HTML：

    <input
      type='file'
      class="hidden"
      name="avatar"
      id="avatar"
      @change="updatePreview"
      style="display: none;"
    />

定义状态

const state = reactive({
  user: {},
  updateMovie: {
    id: '',
    name: '',
    image: '',
   }

拍摄文件图像：

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) => {
  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) => {
    if (res.status === 200) {
    const data = res.data.data.movie
      })
     }
   })
  }
}

就这样。现在我不知道如何将数据发送到 axios。