Magento 1.7 – Show Images in Custom Admin Module

adminhtmlmagento-1.7modulePHP

I have a custom module, through which I can upload multiple images from admin. Along with images, I have text, drop-down form fields in my module. Now I can upload all images to media folder of Magento and can store all form field information in the database. Now when editing my stored item from the grid page, I need to show all the images that correspond to the saved item in my module. How can achieve this? I think the code should come under editAction() in the controller. Any help or hint is highly appreciated. Thanks in advance.

My editAction() is given below. It displays already set form fields except for images while editing the item from the grid page.

<?php
public function editAction()
    {
        $bannerId   = $this->getRequest()->getParam('id');
        $bannerModel =   Mage::getModel('banner/banner')->load($bannerId);        
        if ($bannerModel->getId() || $bannerId == 0) 
        {
            Mage::register('banner_data', $bannerModel);
            $this->loadLayout();
            $this->_setActiveMenu('banner/items');
            $this->_addBreadcrumb(Mage::helper('adminhtml')->__('Banner Manager'), Mage::helper('adminhtml')
                ->__('Banner Manager'));
            $this->_addBreadcrumb(Mage::helper('adminhtml')->__('Banner Description'), 
                Mage::helper('adminhtml')->__('Banner Description'));
            $this->getLayout()->getBlock('head')->setCanLoadExtJs(true);
            $this->_addContent($this->getLayout()->createBlock('banner/adminhtml_banner_edit'))
                ->_addLeft($this->getLayout()->createBlock('banner/adminhtml_banner_edit_tabs'));

            $this->renderLayout();
        } 
        else 
        {
            Mage::getSingleton('adminhtml/session')->addError(Mage::helper('banner')->__('Banner does not exist'));
            $this->_redirect('*/*/');
        }
    }

EDIT
Kindly note that I have two tabs for my module. Image uploading facility is provided in the second tab. I have used a phtml file for constructing that tab. So image upload field is provided thereby using <.input type="file" /> element. I need to display the uploaded images in this tab itself. So in effect, I need to add code in my phtml file in order to display these images.

Best Answer

You have to add the fields in _prepareForm() in \NameSpace\ModuleName\Block\Adminhtml\ModuleName\Edit\Tab\Form.php add the below code.

$fieldset->addField('<Data base Field name>', 'image', array(
        'label' => Mage::helper('<Module Name>')->__('Logo'),
        'name' => '<your Data base Field name>',
        'note' => '(*.jpg, *.png, *.gif)'
 ));

Related Solutions

Magento – How to create forms for a custom adminhtml module

To create your own form you need the following:

In your controller you need to load the Form Container Widget:

class Vendor_ProductUploader_Adminhtml_Product_Uploader_AttachmentController
extends Mage_Adminhtml_Controller_Action {

public function newAction() {
    $this->loadLayout()->_addContent($this->getLayout()->createBlock('vendor_productuploader/adminhtml_attachment'))->renderLayout();
}

Next you need to create the Form Container (this one is missing in your code posted above):

class Vendor_ProductUploader_Block_Adminhtml_Attachment
    extends Mage_Adminhtml_Block_Widget_Form_Container {

public function __construct() {
    parent::__construct();

    $this->_blockGroup = 'vendor_productuploader';
    $this->_mode = 'attachment';
    $this->_controller = 'adminhtml';

}

public function getHeaderText() {
    return Mage::helper('vendor_productuploader')->__("My form header");
}

public function getBackUrl() {
    return $this->getUrl('*/*/');
}

The last item you need is in your form, at the end you need to set the form you created with:

$this->setForm($form);

How to Show Images on Frontend for Custom Module in Magento 1.8

does the ./media/blog/ exist and is it writable? And what is $postData['image'] value. Is it filled in the form with the intended name for the image? I don't think it's used anywhere.

Also, since you're saving the image to a different database table than the blog you will need to load a second model on the frontend. And since it seems you can have multiple images it should be a collection you're loading

$article = Mage::getModel('blog/article')->load([the required id]);
$image_collection = Mage::getModel('blog/image')->getCollection()
  ->addFilterToFilter('article_id', $article->getId());

foreach ($image_collection as $image):
   echo '<img src="' . Mage::getBaseUrl('media').'/blog/'.$image->getData('image') . '"/>';
endforeach;

if the images are not displayed debug the following way

Put a try{}catch{} around the save methods in the controller to see if an error is given while saving
Make sure there is actually data saved in the database and the data is correct through PHPMyAdmin or MySQL CLI
check the size of the collection if there are actually items begin loaded
print the $image->getData() to see what data it contains

Best Answer

Related Solutions

Magento – How to create forms for a custom adminhtml module

How to Show Images on Frontend for Custom Module in Magento 1.8

Related Topic