Сохранить строку base64 отправленную с браузера на сервер Django?

Question

[borisovdenis]

Дело обстоит так: я с помощью плагина html2canvas конвертирую div блок в canvas, затем этот canvas методом toDataURL конвертирую в изображение png. Получаю строку вот такого вида data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAADPCAYAAABm4vv3AAAgAElEQVR4Xu29V3BcSXrn+xW89.......
Задача: Конвертировать Div в изображение, отправить на сервер Django и сохранить это изображение.
Проблема в том, что сохранить не получается.

Answer 1

[Златослав Десятников]

Тут ответ на Ваш вопрос:
stackoverflow.com/a/15376482

Comments

[borisovdenis]

Спасибо за ответ. Но там изображение сохраняется в поле модели. А мне нужно просто сохранить файл. Т.е. мне этот файл в БД не нужен.

[javedimka]

borisovdenis: А куда ты его сохранять собрался?

[borisovdenis]

javedimka: Этот файл временный мне просто нужно его получить на сервер и отправить в другое место. И все.

[borisovdenis]

Сделал по совету Златослава Десятникова, файл сохраняется, но он получается поврежденным. И в дальнейшем его не получается открыть....

[Златослав Десятников]

borisovdenis: А base64 в порядке пришёл на сервер?

[borisovdenis]

Златослав Десятников: Не совсем. С ним была вот такая ошибка: binascii.Error: Incorrect padding.
Решение было такое:

miss_pad = len(image) % 4
if miss_pad != 0:
    image += '=' * (4 - miss_pad)

Этой ошибки больше не было, но файл все равно не открывается.
Причем на клиентской стороне, я этот файл могу скачать, и он в полном порядке!

[borisovdenis]

Златослав Десятников: Все, вроде, заработало!

Answer 2

[Elvis]

Возможно поздно, но я тоже делал сохранение картинки из Base64. Всё работает как часы.

def b64_to_file(x):
    imgData = x.split(',', maxsplit=1)[1]# Берем всё что находится после запятой, то есть сам Base64
    ImgGUID = str(uuid.uuid4())#Генерируем гуид для названия картинки
    imgSaveURL = settings.STATIC_ROOT + 'img/' + ImgGUID + '.png'# Путь куда сохранять картинку
    with open(imgSaveURL, "wb") as fh:
        fh.write(base64.decodestring(imgData.encode()))# Сохраняем