我有一个PHP脚本，它用PHP GD生成图像。生成图像后，它保存图像，并在Ajax调用时发送此输出：
imagejpeg($img_data, 'filename.jpg');
echo '<img src="/filename.jpg.jpg">';
然后，图像显示在页面上，一切都很好。但是，我不想每次都创造一个形象。有没有办法让我只通过Ajax返回$raw_data字符串并显示图像？我试过这样：
echo $img_data;
但并没有运气，唯一的回报就是几个？。
这是我的jQuery Ajax代码：
$.ajax({
type: 'POST',
data: {
action: 'update_image',
//some instructions for creating the image
},
url: 'script.php',
success: function(msg) {
$('#somediv').append(msg);
}
});
base64对图像进行编码并返回，然后可以执行<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA......." />
在PHP端
$image = base64_encode($imageGDRender);
echo json_encode(array('image'=>$image));
这将把您的json返回到jquery
然后在ajax端
$.ajax({
...
success: function(data) {
var base64Image = data.image;
...now put it in your image
$('#image').attr('src','data:image...'+base64Image);
})....
以下是解决方案：
PHP代码：
ob_start();
imagejpeg($im);
$outputBuffer = ob_get_clean();
$base64 = base64_encode($outputBuffer);
echo '<img src="data:image/jpeg;base64,'.$base64.'" />';
在用户端（在JQuery中）：
success: function(data) {
$('#somediv').append(data);
}
在执行echo $img_data; 之前，您应该修改标题
header("Content-Type: image/jpeg");
header("Content-Length: " .sizeof($img_data));