Проблема с передачей изображения в кодировке 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 X 300, используя html2canvas.js.

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

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

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


php jquery base64 html2canvas codeigniter
person Chintan7027    schedule 23.03.2016    source источник
comment
как вы это делаете в jquery? покажи код   -  person nooby    schedule 23.03.2016
comment
@heavymetal91: обновил вопрос для кода html2canvas   -  person Chintan7027    schedule 23.03.2016

Ответы (1)


arrow_upward
0
arrow_downward

Если вы можете распечатать значение в консоли, это означает, что у вас есть значение в JS. Вы можете использовать запрос ajax, чтобы отправить это значение на сервер, сохранить изображение на сервере и вернуть путь к изображению. Теперь вы можете установить возвращаемый путь в текстовом поле ИЛИ любых полях ввода, чтобы получить доступ к значению на следующей странице с помощью метода публикации.

person Ashish Kumar    schedule 23.03.2016
comment
Человек, которого я очень хорошо знаю, но тогда мне нужно передать это простым почтовым методом? Мне нужно решение, а не альтернатива. - person Chintan7027; 23.03.2016
comment
Не уверен, но, возможно, вы получаете нулевые значения из-за ограничения длины сообщения/запроса на стороне сервера ИЛИ это может быть связано с некоторым символом в строке, который не установлен в текстовой области. - person Ashish Kumar; 29.03.2016
comment
@VinothKrishnan Я использовал этот метод в прошлом для того же самого. ссылка - person Ashish Kumar; 29.03.2016