Irtsgbr

Note: I am not using UI component

I have a file Grid.php where I have a column image, in this column, image URL is populating

I want to show the image in this column instead of image URL

I have figured out the solution of this:

In my Grid.php I have used 'frame_callback' function like this:

$this->addColumn(
 'image',
 [
 'header' => __('Image'),
 'index' => 'image',
 'type' => 'image',
 'frame_callback' => array($this, 'show_image'),
 ]
);

After this, I have added show_image function at the end of the file:

public function show_image($value)

 if (empty($value))
 return '';
 
 $objectManager = MagentoFrameworkAppObjectManager::getInstance();
 $mediaUrl = $objectManager->get('MagentoStoreModelStoreManagerInterface')->getStore()->getBaseUrl(MagentoFrameworkUrlInterface::URL_TYPE_MEDIA);
 $width = 150;
 return "<img src='" . $mediaUrl . $value . "' width='" . $width . "'/>";

After this, image is now appearing on my custom grid.

In your Grid.php define like below

$this->addColumn(
 'image',
 array(
 'header' => __('Image'),
 'index' => 'image',
 'renderer' => 'VendornameModulenameBlockAdminhtmlModulenameGridRendererImage',
 )
);

Create Image.php under

VendornameModulenameBlockAdminhtmlModulenameGridRenderer

and paste below code

namespace VendornameModulenameBlockAdminhtmlModulenameGridRenderer;

class Image extends MagentoBackendBlockWidgetGridColumnRendererAbstractRenderer

 protected $_storeManager;


 public function __construct(
 MagentoBackendBlockContext $context,
 MagentoStoreModelStoreManagerInterface $storeManager, 
 array $data = []
 ) 
 parent::__construct($context, $data);
 $this->_storeManager = $storeManager; 
 


 public function render(MagentoFrameworkDataObject $row)
 
 $img;
 $mediaDirectory = $this->_storeManager->getStore()->getBaseUrl(
 MagentoFrameworkUrlInterface::URL_TYPE_MEDIA
 );
 if($this->_getValue($row)!=''):
 $imageUrl = $mediaDirectory.$this->_getValue($row);
 $img='<img src="'.$imageUrl.'" width="100" height="100"/>';
 else:
 $img='<img src="'.$mediaDirectory.'Modulename/no-img.jpg'.'" width="100" height="100"/>';
 endif;
 return $img;