Отправка файлов AJAX + Django?

Question

[Wondermarin]

Здравствуйте, у меня возникла проблема.
Есть форма:

<form id="avatarUpload" action="{% url 'Home:Edit' %}" method="POST" enctype="multipart/form-data">
    {% csrf_token %}
    <input type="file" name="{{ form.avatar.name }}" id="{{ form.avatar.name }}">
</form>

Вне формы есть кнопка, при нажатии на которую должен произойти AJAX запрос:

$('.action__button.primary').on('click', function() {
    $('#avatarUpload').submit(function() {
        $.ajax({
            type: $(this).attr('method'),
            url: $(this).attr('action'),
            data: $(this).serialize(),
            success: function() {
                console.log('OK')
            }
        })
    })
})

Но ничего не происходит.

views.py:

if request.method == 'POST':
        user_form = UserEditForm(data=request.POST, instance=request.user)
        form = ProfileEditForm(data=request.POST, files=request.FILES, instance=request.user.profile)
        if form.is_valid and user_form.is_valid:
            user_form.save()
            form.save()
            return redirect('Home:Edit')
        if request.is_ajax:
            form.save()

Answer 1

[Сергей Горностаев]

Почему не работает код для отправка файла через AJAX?

Comments

[Wondermarin]

Мне помог такой код:

$('.action__button.primary').on('click', function() {
    var fd = new FormData;
    var avatar = $('input[name=avatar]');
    fd.append('avatar', avatar.prop('files')[0]);
    fd.append('csrfmiddlewaretoken', '{{ csrf_token }}');
    $.ajax({
        type: 'POST',
        url: '{% url "Home:Edit" %}',
        data: fd,
        processData: false,
        contentType: false,
        success: function() {
            window.location.href = '{% url "Profile:Profile" username=user.username %}'
        }
    })
})