使用post方法传递使用canvas2png生成的base64编码图像时出现问题 - Issue in passing base64 encoded image generated using canvas2png using post method

Issue in passing base64 encoded image generated using canvas2png using post method

我在一个项目中工作，我必须从Division生成图像。这个部门是动态容器。管理员正在向该分区添加组件。

我可以创建300 X 300的div宽度，请参见图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
        });

我正在使用html2canvas.js 生成300 X 300的画布

我在控制台中得到了这个base64值，但无法使用jqyery在税务箱中得到它。base64值为链接到包含base64值的文件

问题-1我无法在文本框和下一页中获取值

问题-2我无法通过POST方法在下一页中获得此值

如果您能够在控制台中打印值，则意味着您在JS中具有值。您可以使用ajax请求将此值发送到服务器，将图像保存在服务器上&返回图像路径。现在，您可以在文本框或任何输入字段上设置返回路径，以便通过post方法访问下一页上的值。