如何用数据网址图片打开新页面?

时间:2015-03-07 08:19:02

标签: javascript jquery html html5-canvas

我使用导出按钮literallyCanvas将打开一个新页面,其中包含已编辑图像的数据网址。但我需要改变它从图像打开一个新页面到var的页面的方式。

这是源代码的原始代码,它打开一个带有图像的新页面:

    $("#open-image").click(function() {
      window.open(lc.getImage({
         rect: {x: 0, y: 0, width: 1200, height: 800},
        scale: 1
      }).toDataURL());
    });

所以,我尝试用页面名称更改结构,我得到了:

     $("#open-image").click(function() {
      window.open('preview.php?img='+lc.getImage({rect: {x: 0, y: 0, width: 1200, height: 800},scale: 1})).toDataURL();
    });

但它让我的浏览器被冻结了。我无法做任何事情,只能迫使它关闭再打开它。我真的希望这个按钮 #open-image 打开像preview.php?img=apaosidfjskf(123asdfpoa$sldkjfwepfaoASfweas这样的新页面。但它给了我这个preview.php?img=[object HTMLCanvasElement]

如果我做错了任何事情或启发解决方案,请建议我。

1 个答案:

答案 0 :(得分:0)

看起来你有一个错字

已更正错误的代码

$("#open-image").click(function() {
  window.open('preview.php?img=' + lc.getImage({
    rect: { x: 0, y: 0, width: 1200, height: 800 },
    scale: 1
  }).toDataURL()); // This line has been corrected
});

这应解决preview.php?img=[object HTMLCanvasElement]问题