【问题标题】:html2canvas.js | Send image to variable for serverhtml2canvas.js |将图像发送到服务器的变量
【发布时间】:2012-10-31 15:03:55
【问题描述】:

我正在使用 jquery 和 codeigniter 创建一个自定义毕业偷窃配置器。我现在已经得到了我想要的一切,我的计划是在他们单击添加到购物车按钮时使用 html2canvas 截取被盗 div 的屏幕截图。我只需将此图像传递给隐藏的输入值或其他东西,以便我可以将图像写入服务器。

可在此处查看被盗配置器:custom stole configurator。当您单击“添加到购物车”按钮时,它当前会生成被盗的图像,并且看起来效果很好。

我只是坚持使用最佳方式或任何方式将该图像的 URL 置于隐藏输入中,或者以某种方式将图像移动到文件夹并写入路径。

我这样做的目的是,在购物车中可以有一个指向“自定义偷窃预览”的链接,当他们点击它时,它会显示这个画布渲染。

任何有关我如何完成此任务的帮助都会有很大帮助。谢谢。

顺便说一下,这里是做屏幕截图的JS:

$('#addToCart').click(function(event) {
event.preventDefault();
 $('div.customstole').html2canvas();
 var queue = html2canvas.Parse();
 var canvas = html2canvas.Renderer(queue,{elements:{length:1}});
 var img = canvas.toDataURL();
 $('body').append(img);

});

编辑:

$('#addToCart').click(function(event) {
    event.preventDefault();
     $('div.customstole').html2canvas();
     var queue = html2canvas.Parse();
     var canvas = html2canvas.Renderer(queue,{elements:{length:1}});
     $('#dataUrl').val(canvas.toDataURL());
});

【问题讨论】:

  • 很烦人:关闭窗口时弹出“你想离开这个页面吗”,即使你只打开页面而不做任何更改。
  • 还有一件事......显然对你来说这个功能很烦人,但刚刚花了 15 分钟创建自定义窃取并意外退出页面的人会喜欢它。
  • 然后做到这一点,使弹出窗口仅在某些内容发生更改时显示。顺便说一句,没有必要冒犯。我对我的评论 +1 已经表明有人同意我的观点。将其视为改善网站的积极批评,而不是诅咒他人!
  • 没有帮助,也不是问题。当我已经做了 2 周的工作时,我可能不太在意这些。如果您不直接回答问题,请转到另一个问题。人们不希望你讨厌的小 cmets 插入到他们试图寻求帮助的问题中。

标签: javascript jquery html2canvas


【解决方案1】:

将数据 URL 写入隐藏输入,然后在服务器端,base64_decode() 它并从结果字符串写入图像。

【讨论】:

  • 我创建了一个名为#dataUrl 的隐藏输入,并将以下代码(编辑为响应)放入其中,但它不会改变隐藏输入的值...
猜你喜欢
  • 2020-05-07
  • 1970-01-01
  • 1970-01-01
  • 2022-01-23
  • 2018-09-21
  • 2012-12-11
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多