Как устранить эту ошибку кодека при получении api для загрузки изображений в django?

Ошибка: UnicodeDecodeError at /user_image_upload/ Кодек 'utf-8' не может декодировать байт 0xcc в позиции 144: недопустимый байт продолжения

Платежная нагрузка: Изображение (двоичное)

500 внутренняя ошибка сервера.

VueJS метод/данные...:

    data(){
        return {
            profile_image:null
        }
    },
        async createImage() {
            let received_image = document.querySelector('#imageInput').files[0]            
            let formData = new FormData
            // 'image' as in models.py
            formData.append('image', received_image)
            fetch('/user_image_upload/',{
            method:'POST',
            credentials: 'include',
            body: formData
            }).then(response => response.json()).then((data) => this.profile_image=(data))
            console.log(this.profile_image)
        },

В шаблоне Django:

        {% csrf_token %}
        <form @submit.prevent="">
        {% csrf_token %}
        <input id ="imageInput" type = "file" accept="image/">
        <button @click="createImage()">Upload</button>
        </form>

в models.py

class Profile(models.Model):
    user = models.OneToOneField(CustomUser, on_delete=models.CASCADE)
    image = models.ImageField(upload_to='uploads')
    
    def __str__(self):
        return f'{self.user.username} Profile'

в файле views.py

@login_required
@csrf_exempt
def user_image_upload(request):
    if request.method=='POST':
        response = json.loads(request.body)
        Item.objects.create(user=request.user)  
    return JsonResponse({'new':'updated'})

Вернуться на верх