imagejpeg后div中的圖像無法正確顯示

Question

我有一個加載鏈接的簡單頁面，這些鏈接會更改圖像的外觀。 我想要一個Ajax調用來處理圖像（像素化圖像或其他東西），然后在div中更新結果，但它不能正確顯示，僅是例如 ?X!t ⤹9 Ej_5 -

我試過使用header('Content-Type: image/jpg'); 在包含要填充的div的頁面頂部，但會導致“此圖片因錯誤而無法顯示”

這是PHP：

$im = '/path/to/image.jpg';
if($_GET[filter]=="pixelate"){
imagefilter($im, IMG_FILTER_PIXELATE, 3, true);
imagejpeg($im);
}

AJAX

function addFilter(filter,color)
{
$.ajax({

 type: "GET",
 url: 'filters.php',
 data: {filter: filter, color: color},
 success: function(data) {
       // data is ur summary
      $('#result').html(data);
 }

});

}

和HTML

<div style="width:600px; height:400px;" id="result"></div>
<a href="#" onclick="addFilter('pixelate','')">pixelate</a>

問題如何顯示圖像？ 我是否必須將圖像復制到臨時目錄才能顯示為實際圖像？

Answer 1

更改：

$im = '/path/to/image.jpg';
if($_GET[filter]=="pixelate"){
    imagefilter($im, IMG_FILTER_PIXELATE, 3, true);
    imagejpeg($im);
}

至：

if($_GET[filter]=="pixelate"){
    $im = @imagecreatefromjpeg('/path/to/image.jpg');
    if ($im) {
        imagefilter($im, IMG_FILTER_PIXELATE, 3, true);
        header('Content-Type: image/jpg');
        imagejpeg($im);
        imagedestroy($im);
        exit;
    } else {
       echo 'Unable to create image from jpeg.';
       exit;
    }
}