vue中如何用axios上传FormData对象

其实挺简单的

<template>
  <input type="file" @change="handleUpload" />
</template>

<script>
  import axios from "axios";
  export default {
    methods: {
      handleUpload(e) {
        var formData = new FormData();
        //e.target.files 获取fileList对象里的上传的file对象添加到formData里面
        formData.append("file", e.target.files[0]);

        axios.post("yourUrl", formData, {
          //设置请求头
          headers: { "Content-Type": "multipart/form-data" },
        });
      },
    },
  };
</script>