POST数据后显示动态创建的php图像

Question

我有一个PHP脚本输出图像，如何将数据发布到它并显示结果图像而不刷新屏幕的其余部分，到目前为止我已经得到下面的代码返回一个png。

function go(){
$.post("test_image.php", $("frm").serialize(),
   function(data){
       //alert(data);//proves a png image is returned.
       //How do I now display the returned image (preferably to '$("#modified")')
   });
}

我无法显示返回的图像。

Answer 1

您可以获取结果数据并将其放入data: URI（更多信息here）但在IE中无效，可能会很慢，无法以任何方式缓存由于base64编码，使用的内存比所需内存多33％。

最优雅的方法是让您的脚本将图像数据写入文件，并返回该新图像的URL。

然后你的Ajax回调可以做一个简单的

$("#myimage").src = data;