WStanley
@WStanley
Back-end Developer

Vue cropperjs как отправить картинку формата jpeg?

Доброго дня всем!
Написал компонент который использует библиотеку cropperjs
На сервер отправляются файлы в формате png и я никак не могу сделать чтоб jpeg отправлялись.
Видимо не хватает знаний в js
Подскажите как сделать чтоб файл в jpeg конвертировать перед отправкой?

Функция отправки:
cropImage() {
    this.cropper.getCroppedCanvas({
        width: 800,
        height: 800,
        minWidth: 256,
        minHeight: 256,
        maxWidth: 800,
        maxHeight: 800,
    })
    .toBlob((blob) => {
        let formData = new FormData();  
        formData.append('image', blob, 'image.png');
        if (this.name) formData.append('name', this.name);
        axios({
            method: 'POST',
            url: '/user_load_post/',
            xsrfHeaderName: 'X-CSRFToken',
            headers: {
                'Content-Type': 'multipart/form-data',
                'X-CSRFToken': this.$getCookie('csrftoken')
            },
            data: formData
        })
        .then(response => console.log(response))
        .catch(error => console.log(error))
    })
},
  • Вопрос задан
  • 65 просмотров
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы