Как получить изображение с помощью jquery ajax?

I am используя jcrop для обрезки изображения в моем php-приложении. Я использую приведенный ниже код для передачи значений координат и пути изображения с помощью ajax, функция

checkCoords (index)
 {
если (parseInt(jQuery('#w').val())){
jQuery.аякс({
тип: "ПОСТ",
кеш: ложь,
тип данных: 'html',
данные : {
х: jQuery('#x').val(),
у: jQuery('#y').val(),
w : jQuery('#w').val(),
ч : jQuery('#h').val(),
image_path: jQuery('#jc-hidden-image'+index).attr('src')
 },
URL: BASE_URL+'apps/configure/cropiimage',
успех: функция (ответ) {
jQuery(".preview_crop").html(ответ);
 }
 });
 }
еще{
alert('Пожалуйста, выберите область кадрирования и нажмите кнопку Crop.');
 }

В контроллере я использую значение ajax, как показано ниже.

  public function cropimageAction(){
        $params = $this->getRequest()->getParams();
        //d($params);
        if ($_SERVER['REQUEST_METHOD'] == 'POST')
        {
                $targ_w = $targ_h = 150;
                $jpeg_quality = 90;

                $src = $params['image_path'];
                $img_r = imagecreatefromjpeg($src);
                $dst_r = ImageCreateTrueColor( $targ_w, $targ_h );

                $image  = imagecopyresampled($dst_r,$img_r,0,0,$_POST['x'],$_POST['y'],$targ_w,$targ_h,$_POST['w'],$_POST['h']);

               header('Content-type: image/jpeg');
                imagejpeg($dst_r,null,$jpeg_quality);

                exit;
        }        
    }

Я получил ответ примерно так

��(��(��(��(��)

Вместо обрезанного изображения получил какой-то символ. Нужно получить обрезанное изображение в ответе ajax. Что я сделал не так?