Magento1.9 Images in Magento widgets

参考文章：http://stackoverflow.com/questions/5077755/images-in-magento-widgets

在创建widget时如果上传文件会发现文件无法上传，因为本页面默认的form不带 enctype= "multipart/form-data";

我的解决办法就是引用magento自带的一个上传图片的编辑器：

1、在myspace/mymodule/etc/widget.xml中添加新的node：

<image translate="label">
    <label>Image</label>
    <visible>1</visible>
    <required>1</required>
    <type>label</type>
    <helper_block>
        <type>widgets/cms_wysiwyg_images_chooser</type>- - - - - >你所建插入图片的的block地址
        <data>
            <button translate="open">
                <open>Insert Image...</open>
            </button>
        </data>
    </helper_block>
</image>

2、在myspace/mymodule/Widgets/Block/Cms/Wysiwyg/Images 下创建一个Chooser.php

<?php
class Stackoverflow_Widgets_Block_Cms_Wysiwyg_Images_Chooser extends Mage_Adminhtml_Block_Template
{
public function prepareElementHtml(Varien_Data_Form_Element_Abstract $element)
{
    $config = $this->getConfig();
    $chooseButton = $this->getLayout()->createBlock(‘adminhtml/widget_button‘)
        ->setType(‘button‘)
        ->setClass(‘scalable btn-chooser‘)
        ->setLabel($config[‘button‘][‘open‘])
        ->setOnclick(‘MediabrowserUtility.openDialog(\‘‘.$this->getUrl(‘*/cms_wysiwyg_images/index‘, array(‘target_element_id‘ => $element->getName())).‘\‘)‘)
        ->setDisabled($element->getReadonly());
    $text = new Varien_Data_Form_Element_Text();
    $text->setForm($element->getForm())
        ->setId($element->getName())
        ->setName($element->getName())
        ->setClass(‘widget-option input-text‘);
    if ($element->getRequired()) {
        $text->addClass(‘required-entry‘);
    }
    if ($element->getValue()) {
        $text->setValue($element->getValue());
    }
    $element->setData(‘after_element_html‘, $text->getElementHtml().$chooseButton->toHtml());
    return $element;
}
}
?>

3、这时候页面基本就出来了如上图  图片默认上传到 media/wysiwyg下面 图片上传之后我们就需要获取他的url然后放到params中

4、在ect/config.xml重写widget model

<global>
    <models>
        <widget>
            <rewrite>
                <widget>Myspace_Mymodule_Model_Widget</widget>
            </rewrite>
        </widget>
    </models>
</global>5、创建重写的model文件：code\local\Myform\Mymodule\Model\Widget.php:

<?php
class Stackoverflow_Widgets_Model_Widget extends Mage_Widget_Model_Widget
{
    public function getWidgetDeclaration($type, $params = array(), $asIs = true)
    {
        foreach($params as $k => $v){
            if(strpos($v,‘/admin/cms_wysiwyg/directive/___directive/‘) !== false){
                $parts = explode(‘/‘,parse_url($v, PHP_URL_PATH));
                $key = array_search(‘___directive‘, $parts);
                if($key !== false){
                    $directive = $parts[$key+1];
                    $src = Mage::getModel(‘core/email_template_filter‘)->filter(Mage::helper(‘core‘)->urlDecode($directive));
                    if(!empty($src)){
                        $params[$k] = parse_url($src, PHP_URL_PATH);
                    }
                }
            }
        }
        return parent::getWidgetDeclaration($type, $params, $asIs);
    }
}

6、这时候我们还需要重写一个东西：widget_instance

<global>
    <models>
        <widget>
            <rewrite>
                <widget>Myspace_Mymodule_Model_Widget</widget>
                <widget_instance>Myspace_Mymodule_Model_Widget_Instance</widget_instance>
            </rewrite>
        </widget>
    </models>
</global>7、创建重写的model文件：code\local\Myform\Mymodule\Model\Widget\Instance.php:

<?php
class Petbarn_Widgets_Model_Widget_Instance extends Mage_Widget_Model_Widget_Instance
{
    protected function _beforeSave()
    {
        if (is_array($this->getData(‘widget_parameters‘))) {
            $params = $this->getData(‘widget_parameters‘);
            foreach($params as $k => $v){
                if(strpos($v,‘/cms_wysiwyg/directive/___directive/‘) !== false){
                    $parts = explode(‘/‘,parse_url($v, PHP_URL_PATH));
                    $key = array_search(‘___directive‘, $parts);
                    if($key !== false){
                        $directive = $parts[$key+1];
                        $src = Mage::getModel(‘core/email_template_filter‘)->filter(Mage::helper(‘core‘)->urlDecode($directive));
                        if(!empty($src)){
                            $params[$k] = parse_url($src, PHP_URL_PATH);
                        }
                    }
                }
            }
            $this->setData(‘widget_parameters‘, $params);
        }
        return parent::_beforeSave();
    }
}8、上传文件调用了几个js我们需要引入：创建app\design\adminhtml\default\default\layout\local.xml

<?xml version="1.0"?><layout version="0.1.0">    <default>        <reference name="head">            <action method="addJs"><script>lib/flex.js</script></action>            <action method="addJs"><script>lib/FABridge.js</script></action>            <action method="addJs"><script>mage/adminhtml/browser.js</script></action>            <action method="addJs"><script>mage/adminhtml/flexuploader.js</script></action>        </reference>    </default></layout>