使用jquery post获取jpgraph生成的图像

时间:2014-01-24 10:13:57

标签: php jquery post jpgraph

我有一个页面,用于显示由jpgraph生成的图表图像。

此页面包含以下脚本:

jQuery(document).ready(function() {

jQuery.post('wr.php', function(data) {
var newImg = jQuery('<img />');
newImg.attr('src', data);   
jQuery('#placeholder').html(newImg);
});
});

然后,wr.php包含生成图形的脚本

<?php
//lines to generate chart data

$graph->Add($wp);

$contentType = 'image/png';
$gdImgHandler = $graph->Stroke(_IMG_HANDLER);

ob_start();                        // start buffering
$graph->img->Stream();             // print data to buffer
$image_data = ob_get_contents();   // retrieve buffer contents
ob_end_clean();                    // stop buffer

echo "data:$contentType;base64;" . base64_encode($image_data);
?>

但是我在页面中输出的输出只是一个红色的X标记。有什么工作吗?

1 个答案:

答案 0 :(得分:0)

src标记的<img>属性应该是用于检索图像的URL,而不是图像本身的实际数据。我完全不明白为什么你需要一个AJAX调用,只需尝试以下方法:

var newImg = jQuery('<img>', {src: 'wr.php'});
jQuery('#placeholder').empty().append(newImg);