Upload Image File along with regular Form Data

I am using django with VueJS. The data is updating properly in my database.

I need to accomplish two things:

1. Post the correct content to the field image_file.
2. Get the downloaded image file pasted onto the servers folder which is media/shop/images

My attempted code is as below:

models.py

...
image_file = models.ImageField(upload_to='shop/images/', blank=True, null=True)

urls.py

...
urlpatterns += [
   url(r'^Post-Items-Axios$', myviews.Post_Items_Axios, name='Post-Items-Axios'),
]

views.py

@api_view(['GET', 'POST', 'PUT', 'DELETE'])
def Post_Items_Axios(request):
    if request.method == 'POST':
        data_itemfullhd = request.data['Item Name']
        data_image_file = request.data['Item Image File']

        td_items, created = Md_Items.objects.get_or_create(
            itemfullhd = data_itemfullhd)

        td_items.imagefl = data_imagefl
        td_items.image_file = data_image_file
        td_items.save()

    data = { 'data_itemfullhd': data_itemfullhd }
    return Response(data)

bm_home.html

<template id="product-edit">
    <div>
    <h2>Product details</h2>
    <form method="post" enctype="multipart/form-data">{% csrf_token %}
        <div class="form-group">
            <label for="edit-name">Item Name</label>
            <input class="form-control" id="edit-name" v-model="product.itemfullhd" required/>
        </div>

        <!-- Upload single Image files -->
        <div class="form-group">
            <label for="edit-imagefile">Image</label>
            <input type="file" id="edit-imagefile" @change="onFileChanged" required/>
        </div>

        <button type="submit" class="btn btn-primary" @click.prevent="updateProduct">Save</button>
        <a class="btn btn-dark"><router-link to="/product-list">Cancel</router-link></a>
    </form>
    </div>
</template>

Vue template

var ProductEdit = Vue.extend({
    template: '#product-edit',
    data: function () {
        return {
            product: findProduct(this.$route.params.product_id),
            selectedImage: null,
        };
    },
    methods: {
        onFileChanged (event) {
            this.selectedImage = event.target.files[0]
            this.product.image_file = this.selectedImage.name
        },
        updateProduct: function () {
            let product = this.product;
            products[findProductKey(product.id)] = {
                id: product.id,
                itemfullhd: product.itemfullhd,
                image_file: product.image_file,
            };
            const data = {
                "Item Name": product.itemfullhd,
                "Item Image File": product.image_file,
            }
            // const formData = new FormData()
            // formData.append('image_file', this.selectedImage, this.selectedImage.name)
            // axios.post('/biggmount_home/Post-Items-Axios', formData, data)

            axios.post('/biggmount_home/Post-Items-Axios', data)
            router.push('/product-list');
        },
    }
});