将toDataUrl base64字符串转换为页面上的图像

我创建了一个自定义产品配置器，我使用html2canvas生成一个base64编码的canvas元素字符串。

如果您访问： http ： //faithpointdallas.com/ecom/page/customStole，您可以看到当您单击底部的“添加到购物车”时，它会使用html2canvas脚本来警告生成的base64编码字符串。

我的问题是：我如何获取base64编码的字符串并将其转换为常规图像标记。 喜欢

以下是生成字符串的代码：

 $('#addToCart').click(function(event) { event.preventDefault(); var target = $('.customstole'); html2canvas(target, { onrendered: function(canvas) { var data = canvas.toDataURL(); alert(data); // data is the Base64-encoded image } 

}）; }）;

Answer 1

这可能有所帮助 – 它使用jQuery将base64编码的URL发布到服务器，然后使用一些PHP将其保存到文件中：

http://www.rgraph.net/docs/integration-with-server-side-scripting.html#image

另外，您是否知道可以使用数据：toDataUrl（）直接返回的url作为标记src？