How to process base64 form data in Django?

Question

Django

The site has a form for creating a model, it has a filefield. I'm trying to display photos and delete them before sending them to the server. everything works, but here's the question, how to process base64 strings on the server side? Or can anyone suggest a simpler solution?

Answer 1

First, if you do not plan to work with ancient browsers that do not support FileReader, then it is easier to use it:

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);

Secondly, if we encode the image in base64 before sending, then decoding it on the server side is elementary.
For Python2:

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

For Python3:

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