通过jquery和PHP从服务器上的画布保存图像
问题描述:
我想通过PHP存储Canvas图像到服务器我可以看到该文件,但它显示0字节。你能帮我解决这个问题吗?通过jquery和PHP从服务器上的画布保存图像
这里是我下面的代码:
HTML:
<img id="image" src="data:image/png;base64,iVBORw0K..." />
JQUERY:
$('.submit').unbind().click(function(){
var dataURL = $('#img').attr('src');
$.ajax({
type: "POST",
url: "saveimage.php",
dataType: 'json',
cache: false,
data: {
imgBase64: dataURL
}
});
});
PHP:
$upload_dir = "../images/";
$img = $_POST['data'];
$img = str_replace('data:image/png;base64,', '', $img);
$img = str_replace(' ', '+', $img);
$data = base64_decode($img);
$file = $upload_dir."image_name.png";
file_put_contents($file, $data);
答
应该$img = $_POST['imgBase64']
不$img = $_POST['data']
在你的PHP
为您的数据对象的键名是imgBase64
发送AJAX POST请求