通过ajax将blob显示为图像

Question

成功上传后，我正在尝试显示新上传的图像，但是我一直保持图像损坏的图标。

public function getImageThumbnailAction()
    {
        $request = $this->getRequest();
        $ServiceLocator = $this->getServiceLocator();
        $Configuration = $ServiceLocator->get('Configuration');

        $ImageService= $ServiceLocator->get('ImageService');

        $image_id = $this->params()->fromQuery('image_id');

        if($image_id) {
            $imageBlob = $ImageService->getImagePreview($image_id, 300);

            $response = $this->getResponse();
            $response->setContent($imageBlob);
            $response->getHeaders()
                        ->addHeaderLine('Content-Transfer-Encoding', 'binary')
                        ->addHeaderLine('Content-Type', 'image');

            return $response;
        } else {
            return array(
                'success' => false,
                'errors' => 'Failed to fetch data.');
        }
    }

当我在base64_encode上进行$imageBlob并回显并将其使用base64进行图像转换器时，它将输出正确的图像。

我正在通过$(element).attr('src',url)进行调用。