Question

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

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

我的问题是：如何将base64编码的字符串转换为常规图像标记。与<img src="myconvertedbase64string.PNG" />

一样

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

$('#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（）返回的数据直接用作标记src？

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

1 个答案: