Поэтому я пытаюсь загрузить файл без каких-либо внешних плагинов, но у меня возникают некоторые ошибки.

                
                    {% csrf_token %}
                   
                   
                

                
                $(document).ready(function() {
                    var csrf_token = $('input[name="csrfmiddlewaretoken"]').val();
                    $('#upload').click(function() {
                        $.ajax({
                            csrfmiddlewaretoken: csrf_token,
                            type: 'POST',
                            url : 'upload',
                            enctype: "multipart/form-data",
                            data  : {
                                'file': $('#file').val()
                            },
                            success: function(data) {
                                console.log(data)
                            }
                        })
                    })
                })
                

мой сервер:

class ImageUploadView(LoginRequiredMixin, JSONResponseMixin, AjaxResponseMixin, CurrentUserIdMixin, View):

    @method_decorator(csrf_protect)
    def dispatch(self, *args, **kwargs):
        return super(ImageUploadView, self).dispatch(*args, **kwargs)

    def post_ajax(self, request, username):
                print request.POST.get('file', None)
                print request.FILES

        # id = request.POST['id']
        # path = 'pictures/'
        # f = request.FILES['picture']
        # destination = open(path, 'wb+')
        # for chunk in f.chunks():
        #   destination.write(chunk)
        # destination.close()
return HttpResponse("image uploaded")

Я получаю для запроса. ФАЙЛЫ

как правильно получить загруженный файл с моим кодом?