在imagejpeg之后，在div中没有正确显示的图像

Question

我有一个简单的页面来加载链接，链接改变了图像的外观。我想要一个ajax调用来处理图像(像素化它或者什么的)，然后在div中更新结果，但是它没有正确地播放，只是一个���X!t��⤹9�Ej_5��-的集合。

我尝试在包含要填充的div的页面顶部使用header('Content-Type: image/jpg');，但结果是“该图像无法显示，因为它有错误”。

下面是php：

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

阿贾克斯

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>

问题如何使图像显示？我是否必须将图像复制到temp以显示为实际图像？

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;
    }
}