Como inserir uma imagem retornada em uma requisição AJAX?
Boa tarde! Estou tendo o seguinte problema com o AJAX, eu encaminho uma requisição para uma página PHP que gera um gráfico em forma de imagem (png) e eu gostaria de inserir esta imagem que foi gerada em uma div. Esta imagem varia conforme os valores que eu passo na requisição.
Esse é o código que a página PHP gera:
<html>
<head>
<meta name="viewport" content="width=device-width; height=device-height;">
<link rel="stylesheet" href="resource://gre/res/ImageDocument.css">
<link rel="stylesheet" href="resource://gre/res/TopLevelImageDocument.css">
<link rel="stylesheet" href="chrome://global/skin/media/TopLevelImageDocument.css">
<title>geraGrafico.php (imagem PNG, 800 × 600 pixels)</title>
</head>
<body>
<img class="decoded" src="[http://localhost/testes/php/geraGrafico.php](http://localhost/testes/php/geraGrafico.php)" alt="[http://localhost/testes/php/geraGrafico.php](http://localhost/testes/php/geraGrafico.php)">
</body>
</html>
E esse é códgio código javascript que estou usando:
$.ajax({
url: './php/geraGrafico.php',
type: 'POST',
async: false,
data: {valores: valores, meses: meses},
success: function(data){
$("#dlgGraficoEvol").append(data);
$("#dlgGraficoEvol").dialog({
show: 'clip',
hide: 'clip',
title: 'Gráfico Evolutivo',
position: 'top',
width: 820
});
}
});
Alguém sabe o que devo fazer para conseguir inserir esta imagem gerada?
Discussão (3)
Carregando comentários...