Ttdfjt

I'm trying to display product_image on the custom_page :

Please Check my Code.and help me.

namespaceappcodeMagentoHistoryBlockHistoryData.php

• 
  

  I have:

  
  
  

  <?php
   namespace MagentoHistoryBlock;
  
   class HistoryData extends MagentoFrameworkViewElementTemplate
   
  
   public function __constructor(
   ..../Magento/Sales/Model/Order/Item $item....)
   
   ...
   $item = $item;
   ...
   
  
  
   public function getOrderData() 
   $item = $this->item()->create()->getCollection()- 
   >addFieldToSelect('*');
   return $item;
   
  
  

  
  
  

  And in this file

  
  

namespaceappcodeMagentoHistoryviewfrontendtemplateshistory.phtml

 <?php 
 $objectManager = MagentoFrameworkAppObjectManager::getInstance();
 $orders = $objectManager->create('MagentoSalesModelOrderItem')- 
 >getCollection();
 $orders->addFieldToSelect('*');
 ?>
 <div class="table-wrapper order-items">
 <table class="data table table-order-items" id="my-orders-table" 
 summary="<?=__('Items Ordered') ?>">
 <caption class="table-caption"><?=__('Items Ordered') ?></caption>
 <thead>
 <tr>
 <th class="col image"><?=__('Product Image') ?></th>
 <th class="col name"><?=__('Product Name') ?></th>
 <th class="col qty"><?=__('Qty') ?></th>
 <th class="col price"><?=__('Price') ?></th>
 <th class="col subtotal"><?=__('Subtotal') ?></th>
 </tr>
 </thead>
 <tbody>
 <?php foreach($orders as $item): ?>
 <tr>
 <td data-th="Product Image" class="col image"><?php echo 
 $item->getImage(); ?></td>
 <td data-th="Product Name" class="col name"><?php echo 
 $item->getName(); ?></td>
 <td data-th="Qty" class="col qty"><?php echo $item- 
 >getQtyOrdered(); ?></td>
 <td data-th="Price" class="col price"><?php echo $item- 
 >getPrice(); ?></td>
 <td data-th="Subtotal" class="col subtotal"><?php echo 
 $item->getBaseRowTotalInclTax(); ?></td>
 </tr>
 <?php endforeach; ?>
 </tbody>
 </table>
 </div>

Can anyone help the next step to display image?? Thanks.

You can use the below code to get this done

foreach ($orders as $item) 
 $_product = $objectManager->get('MagentoCatalogModelProduct')->load($item->getProductId());
 $imageHelper = $objectManager->get('MagentoCatalogHelperImage');
 $imageUrl = $imageHelper->init($_product, 'product_page_image_small')->setImageFile($_product->getImage())->resize(100, 100)->getUrl();

Here You can use $imageUrl variable to show the image.

Update your this file

namespaceappcodeMagentoHistoryviewfrontendtemplateshistory.phtml

 <?php 
 $objectManager = MagentoFrameworkAppObjectManager::getInstance();
 $orders = $objectManager->create('MagentoSalesModelOrderItem')- 
 >getCollection();
 $orders->addFieldToSelect('*');
?>
 <div class="table-wrapper order-items">
 <table class="data table table-order-items" id="my-orders-table" 
 summary="<?=__('Items Ordered') ?>">
 <caption class="table-caption"><?=__('Items Ordered') ?></caption>
 <thead>
 <tr>
 <th class="col image"><?=__('Product Image') ?></th>
 <th class="col name"><?=__('Product Name') ?></th>
 <th class="col qty"><?=__('Qty') ?></th>
 <th class="col price"><?=__('Price') ?></th>
 <th class="col subtotal"><?=__('Subtotal') ?></th>
 </tr>
 </thead>
 <tbody>
 <?php foreach($orders as $item): ?>
 $_product = $objectManager->get('MagentoCatalogModelProduct')->load($item->getProductId());

 $imageHelper = $objectManager->get('MagentoCatalogHelperImage');

 $image_url = $imageHelper->init($_product, 'product_page_image_small')->setImageFile($_product->getImage())->resize(100, 100)->getUrl();
 ?>
 <tr>
 <td data-th="Product Image" class="col image"><img src="<?= $image_url ?>" width="75px" height="75px"></td>
 <td data-th="Product Name" class="col name"><?php echo 
 $item->getName(); ?></td>
 <td data-th="Qty" class="col qty"><?php echo $item- 
 >getQtyOrdered(); ?></td>
 <td data-th="Price" class="col price"><?php echo $item- 
 >getPrice(); ?></td>
 <td data-th="Subtotal" class="col subtotal"><?php echo 
 $item->getBaseRowTotalInclTax(); ?></td>
 </tr>
 <?php endforeach; ?>
 </tbody>
 </table>
</div>

I have checked it working.