使用 post 方法传递使用 canvas2png 生成的 base64 编码图像的问题

Question

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

我可以创建 300 X 300 的 div 宽度，see image1

在表单提交之前单击将模板保存到数据库，我正在以下列方式生成图像。

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 值为 link to file which contains base64 value

Problem-1 我无法在文本框和下一页中获得价值

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

Answer 1

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