javascript - POSTing 数据后显示动态创建的 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 中不起作用，可能会很慢，并且无法在 IE 中缓存由于采用了 Base64 编码，无论如何都会使用比所需内存多 33% 的内存。

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

您的 Ajax 回调可以执行一个简单的操作

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