vue.js - axios를 사용하여 이미지를 서버에 업로드하려면 어떻게해야합니까?

이미지와 함께 양식을 보내려고합니다. 참고 : 이미지를 데이터베이스에 저장하지 않고 서버에서 만든 폴더에 저장하고 데이터베이스에 이미지 링크를 추가하고 싶습니다. p>

서버 측에서는이 작업을 처리하는 방법을 알고 있지만 글꼴 끝에서는이를 수행하는 방법을 모릅니다. 즉, axios를 사용하여 이미지를 서버로 어떻게 보낼 수 있습니까?

<template>
    <input type="text" class="form-control" id="specdesc" v-model="product.specdesc" name="specdesc" placeholder="Enter your name">
    <input type="file"  name="image" id="image"  accept="image/*" >
    <button type="submit" class="btn btn-sm btn-primary"@click.prevent="Submit()"> Submit</button>
</template>
<script>
export default {
   name: 'Addproduct',
   data(){
        return{
            image: '',
            product:{
                specdesc:'',
            },
        }
    },
    methods:{
      Submit(){
        var _this=this
        //console.log(this.image)
        console.log(this.selectedCategory.category_name)
        var product= {
            specification:this.product.specdesc,
            imagename:this.image
        }
        this.$http.post('http://localhost:3000/api/companyproducts',product)
        .then(function (response) {
            console.log(response.data);
        })
        .catch(function (error) {
            console.log("error.response");
        });
        }
    },
}
</script>

이제 내 질문은 axios를 사용하여 이미지와 입력 이름을 업로드하는 방법입니다. 또한 동일한 방법, 즉 var product 를 사용하여 보내고 싶습니다.