Django Ajax Изменить аватар не удалось - PullRequest
Новая
       6

Django Ajax Изменить аватар не удалось

0 голосов
/ 30 апреля 2018

Я пытаюсь использовать Django Ajax для изменения аватара пользователя, но он не работает. Нет информации об ошибках, просто не работает.

Вот моя форма в шаблоне: 

<form class="clearfix" id="jsAvatarForm" enctype="multipart/form-data" autocomplete="off" method="post" action="{% url 'users:image_upload' %}" target='frameFile'>
<img id="avatarShow" src="{{ MEDIA_URL }}{{ request.user.image }}"/>
<input type="file" name="image" id="avatarUp" class=""/>
<button  type="submit">Modify Avatar</button>
{% csrf_token %}
</form>

Вот мой Аякс: 

$("#jsAvatarForm").submit(function(){
    var image = $("#avatarShow").val()

    $.ajax({
        cache: false,
        type: "POST",
        url:"{% url 'users:image_upload' %}",
        data:{'user_pk':{{ user.pk }}, 'image':image},
        async: true,
        beforeSend:function(xhr, settings){
            xhr.setRequestHeader("X-CSRFToken", "{{ csrf_token }}");
        },
        success: function(data) {
            if(data.status == 'fail'){
                if(data.msg == '用户未登录'){
                    window.location.href="login";
                }else{
                    alert(data.msg)
                }
            }else if(data.status == 'success'){
                window.location.reload();//refresh current page.
            }

            },
    });
    return false;

});

Вот views.py:

class UploadImageView(LoginRequiredMixin, View):
    def post(self, request):
        user_pk = request.POST.get("user_pk", 0)
        image = request.FILES.get('image')
        user_change = UserProfile()
        user_change.id = user_pk
        user_change.image = image
        user_change.save
        return HttpResponse('ok')

На самом деле у меня также есть файл forms.py, но я не знаю, как его использовать с ajax: 

class UploadImageForm(forms.ModelForm):
    class Meta:
        model = UserProfile
        fields = ['image']

Вот моя модель пользователя, примечание: я переписал своего собственного ПОЛЬЗОВАТЕЛЯ: 

class UserProfile(AbstractUser):
    image = models.ImageField(upload_to="image/%Y/%m", default="image/default.png", max_length=100,verbose_name='头像')

    class Meta:
        verbose_name = "用户信息"
        verbose_name_plural = verbose_name

    def __str__(self):
        return self.username

Любой друг может помочь? Большое спасибо!

1 Ответ

0 голосов
/ 01 мая 2018

Очевидно, что вы можете отправить файл, такой как изображение, в django через js, в зависимости от того, что вы опубликовали в своем вопросе. Я показываю вам способ, которым вы можете продолжить, есть много других способов сделать это честно.

Не стесняйтесь комментировать, если что-то не работает. 

$("#jsAvatarForm").submit(function(){
    var form = this;
    // var image = $("#avatarShow").val()  You can not retrieve the image like this
    var formData = new FormData($(form)[0]);
    // Everything inside the html form is serialized in the formData
    // No need to add X-CSRFToken, {% csrf_token %} is inside the form
    formData.append("NEW_KEY","NEW_VALUE"); # In case of further values


    $.ajax({
         url:$(form).attr('action'),
         type:$(form).attr('method'),
         data:formData,
         processData: false,
         contentType: false, //Don't set any content type header
         success: function(){
             // all your stuffs here
             $('#avatarShow').attr('src',data.avatar_url)
         },
         error:function(){
             alert("error");
         }
    });
    return false;
});

Джанго 

from django.http import JsonResponse

    # codes here
    user_change.image = image
    user_change.save()
    return JsonResponse({'avatar_url':user_change.image.url})

Примечание. Показать представление поста, отображающее этот шаблон .

...