xxxxxxxxxx
var fileTag = document.getElementById("filetag"),
preview = document.getElementById("preview");
fileTag.addEventListener("change", function() {
changeImage(this);
});
function changeImage(input) {
var reader;
if (input.files && input.files[0]) {
reader = new FileReader();
reader.onload = function(e) {
preview.setAttribute('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
xxxxxxxxxx
def process_image(request):
# inputImage is the name attribute of the <input> tag in the html
inImg = request.FILES["inputImage"].read()
encoded = b64encode(inImg).decode('ascii')
mime = "image/jpg"
mime = mime + ";" if mime else ";"
input_image = "data:%sbase64,%s" % (mime, encoded)
return render(request, "../templates/index.html", {{ "input_image": input }})
#in html
<input src = '{{ input_image }}' name = 'inputImage' type="text">