顯示後POST數據動態創建的PHP圖像

Question

我有一個PHP腳本輸出一個圖像，我怎麼能POST數據並顯示結果的圖像沒有刷新屏幕的其餘部分，到目前爲止我已經得到了下面的代碼返回一個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中不起作用，可能很慢，無法以任何方式進行緩存，並且使用的內存多於33％由於base64編碼，這是必要的。

最優雅的方式是讓您的腳本將圖像數據寫入文件，並返回該新圖像的URL。然後

你的Ajax回調可以做一個簡單的

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