PHP脚本图像不通过$。员额

Question

我必须首先创建Base64图像串并更新该字符串形式的脚本工作...

<form method="post" action="/process.php"> 
<input type="hidden" id="base64image" name="myimage" value="***base64 string gets updated here***" /> 
<input type="submit" value="Create Rotated Image" /> 
</form> 

它再上岗的PHP脚本将其旋转90度，保持透明度，并将其保存为服务器上的png。

process.php ...

<?php 
$data = str_replace("data:image/png;base64,","",$_POST["myimage"]);; 
$data = base64_decode($data); 
$degrees = 90; 
$name = 'plate'; 
$im = imagecreatefromstring($data); 
header('Content-Type: image/png'); 
imagealphablending($im, false); 
imagesavealpha($im, true); 
$rotation = imagerotate($im, $degrees, imageColorAllocateAlpha($im, 0, 0, 0, 127)); 
imagealphablending($rotation, false); 
imagesavealpha($rotation, true); 
imagepng($rotation); 
$save = "*/root/my/image/directory/* image.png"; 
imagepng($rotation, $save); 
imagedestroy($rotation); 
imagedestroy($im); 
?> 

到目前为止好，这一切工作正常，它旋转并保存到服务器上，并显示在浏览器中的形象。

虽然现在我想发布到这个相同的脚本，但在后台运行它而不刷新页面。

所以我尝试这个...

<form method="post" action="/process.php"> 
<input type="hidden" id="base64image" name="myimage" value="" /> 
<input type="submit" value="Create Rotated Image"  onclick="postimage();" /> 
</form> 


<script> 
$(document).ready(function() { 
var mybase64image = $('#base64image').val(); 
function postimage() { 
$.post("/process.php", {myimage:mybase64image}); 
}; 
}); 
</script> 

但是，这已不再是图像保存到服务器上，任何人都可以看到我在做什么错在这里？

Answer 1

的更详细的描述但是，这不再保存图像到服务器将有助于（例如，您的js控制台输出或网络协议 - “击中F12”在您的浏览器中）。

由于@charlietfl建议我猜

<input type="submit"...> 

默认提交表单。尝试

<input type="button"...>