pChart - отображать изображение png в браузере

Question

Я использую библиотеку классов pChart для отображения изображения .png в браузере. Через AJAX я вызываю graphgenerator действия контроллера, чтобы вызвать функцию generateGraph в модели и отобразить вывод через представление в браузере.

Функция generateGraph в модели MVC пытается генерировать графики в цикле с таблицей HTML с помощью функции stroke () pChart.

Когда я просматриваю вывод в браузере, который поставляется с контроллером, я вижу его как:

Как я могу убедиться, что я отображаю изображения вместо следующих двоичных данных?

�PNG  ��� IHDR����������h����tRNS������7X}�� �IDATx���wt[Y~'���C
H�Q�(�RV)TUW��v�}��cό�9�;g�xvv�;s��z����a�㝙 �v�cUu�����L�,Q)f��/��@E�� ���� 

. { W? " P} rW ! @ BB P T) $ U! @ BB Px] (! RHBJ !! RH B Jaaz * + U! @ BB P T) $ U! @ BB P ! @ b˸ m s EA 0LE ^ 늧 2

Answer 1

Если вы получаете двоичные данные вместо визуализированного изображения, вы можете просто пропустить теги заголовка php Это гарантирует, что браузер отображает данные как фактическое изображение.

Вверху страницы PHP, которую вызывает браузер, добавьте строку:

заголовок ("Content-type: image / png");

или если вы создаете JPG ..

header ("Content-type: image / jpeg");

Answer 2

Сохраните его на диск и верните URL в браузер. Затем создайте тег с этим URL.

Answer 3

Генерируйте эти двоичные данные динамически, используя URL-адрес: доступ к mysite.com/script/generateGraph/1/2/4/5

Поместите эту ссылку в качестве атрибута src тега изображения, и все будет хорошо.