Display an image as response to jQuery ajax request

Question

Im working on converting and editing images with php "wideimage" class.

I have a php file which is called with ajax from html and then it outputs a image which i have to display in html.

The php file outputs an image everytime which i have to catch it and display in html. When user uploads the image..It dosent get stored anywhere the wideimage class takes care of it and outputs an image.

Answer 1

Modified example from jQuery docs , assuming php returning image path (data).

$.ajax({
  url: 'wideimage.php',
  success: function(data) {
    $('.result').html('<img src="' + data + '" />');
  }
});