圖顯示在二進制代碼與正確的標題上的瀏覽器

Question

我建立一個類imgResize的：

class imgResize 
{ 
    public static function resizeAndOutput($img) { 

    $orginal_img = $img; 
    $width = 591; 
    $height = 332; 
    $new_width = 161; 
    $new_height = 91; 

    $edit_img = imagecreatetruecolor($new_width, $new_height); 
    $image = imagecreatefromjpeg($orginal_img); 
    imagecopyresampled($edit_img, $image, 0, 0, 0, 0, $new_width, $new_height, $width, $height); 
    header('Content-Type: image/jpeg'); 

    imagejpeg($edit_img); 
} 

}

和HTML我試圖讓本上顯示的飛行img：

<img class="img_small" src="<?php imgResize::resizeAndOutput($img)"> 

剛剛得到這樣的二進制數據：

�����JFIF���������>CREATOR: gd-jpeg v1.0 (using IJG JPEG v80), default quality ���C�   $.' 

我該如何解決我的問題？

Answer 1

你要編碼的數據URI圖像（和嵌入編碼的數據在你的HTML字符串中的Base64），並刪除在PHP是頭（）線，

或創建一個鏈接到該圖像，例如http://example.com/?myimage=id並輸出圖像（如同給出正確的標題並回顯所得到的圖像）

告訴我您是否需要更多信息，或者提供足夠的見解。

Answer 2

如果將它直接輸出到src元素中，它當然只是HTML中的二進制垃圾。這不是<img>元素的工作方式。 <img>元素的src需要指向圖像的URL。這可以是一個URL，如img/foo.jpg或app/some_script_that_outputs_an_image.php或Data URI。但不是簡單的二進制數據。輸出圖像的腳本將在第二種情況下起作用，作爲app/some_script_that_outputs_an_image.php鏈接的目標。

Answer 3

你實際上做得對，但在最後一部分你有問題。你必須保存圖像，然後返回到圖像的url到img元素..試試這個代碼：

class imgResize 
{ 
    public static function resizeAndOutput($img) { 

    $orginal_img = $img; 
    $width = 591; 
    $height = 332; 
    $new_width = 161; 
    $new_height = 91; 

    $edit_img = imagecreatetruecolor($new_width, $new_height); 
    $image = imagecreatefromjpeg($orginal_img); 
    imagecopyresampled($edit_img, $image, 0, 0, 0, 0, $new_width, $new_height, $width, $height); 
    header('Content-Type: image/jpeg'); 

    //Now we have the image lets create a random filename 
    //Modify this to your needs 
    $filename = "images/IMG_" . mt_rand(1000,9999) . ".jpg"; 
    //Random sometimes sucks.. Lets see if we already got a file with that name 
    //And if exists, loop until we get a unique one 
    while(file_exists($filename)) { 
     $filename = "images/IMG_" . mt_rand(1000,9999) . ".jpg"; 
    } 
    //Now let's save the file 
    imagejpeg($edit_img, $filename); 
    //And finally return the file url 
    return $filename; 
} 
} 

如果你不想保存它，你應該輸出直接到瀏覽器。你不需要任何img標籤。這是因爲使用imagejpeg時，就像您在瀏覽器中直接打開了一個圖像文件。 （我不知道我是否清楚，我只是想描述它的真實性）

所以php文件將是相同的，你不需要任何html。只需調用該函數即可。它會做什麼是需要它：

imgResize::resizeAndOutput($img);

Answer 4

class imgResize 

{ 公共靜態功能resizeAndOutput（$ IMG）{

$orginal_img = $img; 
$width = 591; 
$height = 332; 
$new_width = 161; 
$new_height = 91; 

$edit_img = imagecreatetruecolor($new_width, $new_height); 
$image = imagecreatefromjpeg($orginal_img); 
imagecopyresampled($edit_img, $image, 0, 0, 0, 0, $new_width, $new_height, $width, $height); 
ob_start(); 
imagejpeg($edit_img); 
$image_data = ob_get_contents(); 
ob_end_clean(); 
return base64_encode($image_data); 

}

HTML

<img class="img_small" src="data:image/jpeg;base64,<?php echo imgResize::resizeAndOutput($img)">