Проблема с получением данных из тега <input> для django
У меня проблема с получением данных из тега на странице с формой Django.
шаблоны:
<form method="post" enctype="multipart/form-data">
{% csrf_token %}
<input id="result" type="hidden">
<script type="text/javascript">
const upload = document.querySelector('#inputGroupFile01');
const result = document.querySelector('#result');
upload.addEventListener("change", (e) => {
previewFunc(e.target.files[0]);
});
function previewFunc(file) {
if (!file.type.match(/image.*/)) return false;
const reader = new FileReader();
reader.addEventListener("load", (e) => {
const label = document.createElement('label');
label.for = 'photo';
const input = document.createElement('input');
result.name = 'photo';
result.value = 'e.target.result';
result.src = e.target.result;
result.type = 'image';
result.id = 'result';
{#result.innerHTML = '';#}
{#result.append(input);#}
});
reader.readAsDataURL(file);
}
</script>
<button type="submit">{% trans 'Apply' %}</button>
</form>
Вьюхи:
class LoadPhotoView(BaseMixin, generic.CreateView):
model = Photo
template_name = 'load_photos/load_photo_page.html'
form_class = PhotoUploader
def post(self, request, *args, **kwargs):
print(request.POST.get('photo'))
print(request.FILES.getlist('photo'))
print(request.FILES.get('photo'))
return render(request, self.template_name, {'form': self.form_class})
После выполнения кода javascript страница имеет следующую структуру:
Но я все еще не могу получить фотографию в методе post в моей вьюхе (None либо пустой список)