Question

很抱歉，标题不是很清楚我试图完成的事情。

让我解释一下。我有一个html页面，我有一个按钮，一旦我点击按钮，应该运行一个PHP页面（在后台）。此页面（从数据库）生成一个画布，该画布将转换为编码图像（base64），并将其添加到该php页面的img源（这可以工作）。现在我想要的是获取img源并将其显示在html页面上（按钮所在的位置）。

如果您需要任何示例代码，请与我们联系。

我希望有人可以帮助我。感谢

Answer 1

如果您使用的是jQuery，可以使用.load函数：

$('#result').load('ajax/test.php', function() {
  alert('Load was performed.');
});

其中#result是其附近的button或div的ID .... ajax/test.php将是您的脚本，alert是您的脚本function是成功回调（如果不需要可以删除）

Answer 2

从您发布的小代码中，我认为它看起来像这样，虽然不确定？

......
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或类似的东西而不是值。

获取img源（从dataURL画布）到另一个页面

2 个答案: