Проблема при передаче изображения в кодировке base64, созданного с помощью canvas2png методом post

Я работаю в одном проекте, в котором мне нужно создать изображение из отдела. Это подразделение является динамическим контейнером. Администратор добавляет компоненты к этому div.

Я в порядке, чтобы создать Div шириной 300 X 300, увидеть изображение1

Также, нажав Сохранить этот шаблон в базе данных перед отправкой формы, я создаю изображение следующим образом.

var createContainer = document.querySelector("#container");
html2canvas(createContainer, {
onrendered: function (canvas) {
console.log(canvas);
$("#templateImage").val(canvas.toDataURL());
console.log($("#templateImage").val());
},
width: 300,
height: 300
});

Я создаю холст 300 х 300, используя html2canvas.js

Я получаю это значение base64 в консоли, но не могу получить его в поле налогов, используя jqyery.
значение base64
ссылка на файл, который содержит значение base64

Probblem-1 Я не могу получить значение в текстовом поле, а также на следующей странице

Проблема-2 Я не могу получить это значение на следующей странице методом POST