用jquery和php獲取圖片

Question

我想從服務器獲取圖片。

的HTML代碼：

<div id='container'></div> 

這裏是我的jQuery代碼：

$.post('php/Image.php', function(data) { 
     $('#container').html(data); 
    }); 

而且PHP代碼：

header('Content-Type: image/png'); 
$img = imagecreatefrompng("image.png"); 
imagepng($img); 

在我的網頁我可以看到「二進制「的形象，這不是我所期望的。有人可以告訴我我做錯了什麼？或者如果有更好的解決方案來做到這一點。

在此先感謝您的幫助。

Answer 1

你不需要請求圖像身體本身，而是插入img標籤與鏈接到它：

$('#container').html('<img src="php/Image.php" />'); 

Answer 2

假設你的PHP沒有精簡（只讀取的圖像，並將其發送），您只需更改img標記like so的src屬性即可從服務器請求圖像。

所有你現在需要補充的是一個<img>標記您的HTML：

$('#container').html('<img src="php/Image.php">');