抱歉,标题可能对我尝试完成的工作不是很清楚。
让我解释。我有一个 html 页面,上面有一个按钮,只要单击该按钮,就会运行一个 php 页面(在后台)。该页面(从数据库)生成一个画布,该画布被转换为编码图像(base64),并将其添加到该 php 页面的 img 源中(这有效)。现在我想要的是获取该 img 源并将其显示在 html 页面(按钮所在的位置)上。
如果您需要任何示例代码,请告诉我。
我希望有人可以帮助我。谢谢
抱歉,标题可能对我尝试完成的工作不是很清楚。
让我解释。我有一个 html 页面,上面有一个按钮,只要单击该按钮,就会运行一个 php 页面(在后台)。该页面(从数据库)生成一个画布,该画布被转换为编码图像(base64),并将其添加到该 php 页面的 img 源中(这有效)。现在我想要的是获取该 img 源并将其显示在 html 页面(按钮所在的位置)上。
如果您需要任何示例代码,请告诉我。
我希望有人可以帮助我。谢谢
从您发布的小代码中,我认为它看起来像这样,尽管不确定?
......
var dataURL = canvas.toDataURL();
document.getElementById("canvasImg").src = dataURL;
document.getElementById("ImgCode").value = dataURL;
};
</script>
</head>
<body>
<canvas id="myCanvas" width="73" height="103" style="display:none;"></canvas>
<? $tag = '<img id="canvasImg">';
<? $tag2 = '<input id="ImgCode" type="text">';
echo $tag;?>
echo $tag2;?>
</body>
</html>
您可能必须设置输入标签的样式和位置,或者替换为 div,或者您真正喜欢的任何内容,只需使用 innerHTML 或类似的东西而不是 value。
如果你使用 jQuery,你可以使用 .load 函数:
$('#result').load('ajax/test.php', function() {
alert('Load was performed.');
});
#result
的 IDbutton
或附近的 ID在哪里div
....ajax/test.php
将是您的脚本,而alert
内function
是成功回调(如果不需要,可以删除)