0

我创建了一个优惠券创建系统，该系统使用 HTML 5 画布输出您创建的优惠券的 jpg 版本，由于我没有在服务器上托管最终确定的 jpg，因此我无法检索 URL。在某些浏览器上，当我将图像拖到地址栏中时，我得到的只是地址栏中的“数据：”。但是在 Windows 上，如果我将它拖到输入字段中，有时它会吐出巨大的（>200 字符）本地临时 URL。如何使用 javascript(?) 找到优惠券创建者生成的图像的确切临时 URL，并能够将其发布到同一页面的输入表单上？此外，如果你们也知道这个问题的答案，那将非常有帮助，因为我认为它与 URL 的检索相关：当我在生成后单击“保存”的链接时，如何让它将创建的图像保存到用户的计算机？非常感谢！

这就是我现在在 JS 中用来生成图像的内容：

              function letsDo() {
                html2canvas([document.getElementById('coupon')], {
                    onrendered: function (canvas) {
                        document.getElementById('canvas').appendChild(canvas);
                        var data = canvas.toDataURL('image/jpeg');
                        // AJAX call to send `data` to a PHP file that creates an image from the dataURI string and saves it to a directory on the server

                        var mycustomcoupon = new Image();
                        mycustomcoupon.src = data;
                        //Display the final product under this ID
                        document.getElementById('your_coupon').appendChild(mycustomcoupon);
                        document.getElementById('your_coupon_txt').style.display="block";
                    }
                });
              }

以下是创作者的直播网址：http: //isleybear.com/coupon/

4

1 回答 1

0

我最终将此代码转储到上述 js 中。这是一个非常简单的修复。然后为了测试它，我设置了一个 onclick html 元素来显示源代码。

var mycustomcoupon = document.getElementById('your_coupon');
mycustomcoupon.src = data;

}
});
}


function showSource(){

var source = document.getElementById('your_coupon').src;
                        alert(source);
}
于 2014-02-19T01:05:45.800 回答