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

Question

我有一个页面，用于显示 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 标记。有什么解决办法吗？

Answer 1

<img> 标记的src 属性应该是用于检索图像的 URL，而不是图像本身的实际数据。我完全不明白为什么您需要为此进行 AJAX 调用，只需尝试以下操作：

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