sonata-admin - 使用 Sonata Admin Bundle 显示媒体预览

Question

我在管理员中有一个表单，用于处理不同类型媒体的文件上传 - 视频、音频和照片。我想显示预览，甚至可能在编辑表单上提供指向文件模式的链接。

我在下面有我的自定义树枝模板，它可以按预期加载所有内容，但不会在媒体文件的帮助元素上呈现预览，这是我需要帮助的地方

{% elseif form.children|length > 0 %}
                <fieldset>
                    <div class="sonata-ba-collapsed-fields">
                    {% for nested_group_field_name, nested_group_field in form.children %}
                        {% for field_name, nested_field in nested_group_field.children %}
                        <div class="control-group">
                            <label class="control-label" for="nested_field.vars['sonata_admin'].admin.trans(nested_field.vars.label" {{ nested_field.vars['required']  ? 'class="required"' : '' }}>{{ nested_field.vars['sonata_admin'].admin.trans(nested_field.vars.label) }}</label>
                            <div class="controls">
                            {% if sonata_admin.field_description.associationadmin.formfielddescriptions[field_name] is defined %}                               

                                {{ form_widget(nested_field, {
                                    'inline': 'natural',
                                    'edit'  : 'inline'
                                }) }}
                                {% set dummy = nested_group_field.setrendered %}
                            {% else %}
                                {{ form_widget(nested_field) }}
                            {% endif %}
                                {% if sonata_admin.field_description.help %}
                <span class="help-block sonata-ba-field-help">{{ sonata_admin.admin.trans(sonata_admin.field_description.help, {}, sonata_admin.field_description.translationDomain)|raw }}</span>
            {% endif %}
                            </div>

                            </div>
                        {% endfor %}
                    {% endfor %}
                    </div>
                </fieldset>
            {% endif %}

这是管理员表单构建器

    protected function configureFormFields(FormMapper $formMapper)
{

        $media = $this->getSubject();


        // use $fileFieldOptions so we can add other options to the field
        $fileFieldOptions = array('required' => false,'label' => 'File', 'attr' => array("multiple" => "multiple"), 'by_reference' => false);
        if ($media && ($webPath = $media->getWebPath())) {
            if($media->getFormat()->getMediaType()=='Photo')
            {
                $fileFieldOptions['help'] = '<img src="'.$webPath.'" class="admin-preview" />';
            }
            elseif($media->getFormat()->getMediaType()=='Audio' || ($media->getFormat()->getMediaType()=='Video'))
            {
                    $fileFieldOptions['help'] = '<script type="text/javascript">
                                                 $(document).ready(function(){
                                                  $("#jplayer_'.$media->getId().'").jPlayer({
                                                   ready: function () {
                                                    $(this).jPlayer("setMedia", {'.
                                                    $media->getFormat().': "'.$webPath.'"
                                                    });
                                                   },
                                                   swfPath: "/js",
                                                   supplied: "'.$media->getFormat().'"
                                                  });
                                                 });
                                                </script>
                                                <div id="jquery_jplayer_1"></div>
                                                <div id="jp_container_1">
                                                 <a href="#" class="jp-play">Play</a>
                                                 <a href="#" class="jp-pause">Pause</a>
                                                </div><div class="jplayer_'.$media->getId().'"></div>';
            }
        }
    $formMapper
        ->add('title','text',array('label'=>'Title'))
        ->add('abstract','textarea',array('label'=>'Abstract'))
        ->add('language')
        ->add('format')
        ->add('file', 'file', $fileFieldOptions)
        ->add('quality')
    ;
}