Как в Django обработать данные с формы в виде base64?

Question

[blackbb]

На сайте есть форма создания модели, в ней есть поле filefield. Пытаюсь сделать отображение фото и удаление их до отправки на сервер. все работает, но вот вопрос, как обработать строки base64 на стороне сервера? Или может кто подскажет более простое решение?

Answer 1

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

Во-первых, если не планируется работать с древними браузерами, не поддерживающими FileReader, то проще воспользоваться им:

var fileField = document.getElementById('image');
var preview = document.getElementById('preview');
fileField.addEventListener('change', function(event) {
    var reader = new FileReader();
    reader.onload = function(event) {
        preview.setAttribute('src', event.target.result);
    }
    reader.readAsDataURL(event.target.files[0]);
}, false);

Во-вторых, если уж кодировать изображение в base64 перед отправкой, то раскодировать на стороне сервера элементарно.
Для Python2:

with open("image.png", "wb") as fh:
    fh.write(request.POST['image'].decode('base64'))

Для Python3:

import base64
with open("image.png", "wb") as fh:
    fh.write(base64.decodestring(request.POST['image']))

Comments

[blackbb]

https://jsfiddle.net/bakcf6pz/

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

blackbb: немного странно устанавливать атрибут src для тега ul https://jsfiddle.net/bakcf6pz/1/

[blackbb]

Просто у меня там мультиаплоад и файлов будет много, а при таком варианте превью только последней картинки. В примере, который я указал было так.

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

blackbb: вам показать как создать отдельную картинку для каждой выбранной?

[blackbb]

Я javascript не знаю, поэтому и обратился. А для проекта на Django сейчас это очень нужно именно сейчас. Уже начал изучать javascript, но пока я дойду до этого сам, уже будет поздно)

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

blackbb: https://jsfiddle.net/bakcf6pz/2/

[blackbb]

Спасибо тебе! Все супер. С удалением поможешь?

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

blackbb: для спасибо можно принять ответ ;)

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

blackbb: с удалением части выбранных файлов?

[blackbb]

Например, под каждым превью "Удалить". Как в примере. Пытался оттуда интегрировать, но это мрак пока для меня)

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

blackbb: это будет непросто... Я помозгую.

[blackbb]

Очень жду! Еще раз Спасибо!

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

blackbb: нет никакой возможности программно изменять содержимое поля типа "файл". Так что если функция удаление действительно нужна, то придётся вернуться к варианту с отправкой base64-кодированных изображений.

[blackbb]

Сергей Горностаев: понял тебя. Думаю без удаления обойдется! Спасибо)