avtonom/media-storage-client-bundle

Symfony 媒体客户端包,用于将文件和图片上传(发送)到部署在 SonataMediaBundle 上的远程服务器

安装: 292

依赖: 0

建议者: 0

安全: 0

星标: 1

关注者: 2

分支: 0

开放问题: 0

类型:symfony-bundle

v1.4.0 2021-03-01 13:24 UTC

This package is not auto-updated.

Last update: 2024-09-24 08:01:18 UTC


README

Symfony 媒体客户端包,用于将文件和图片上传(发送)到部署在 SonataMediaBundle 上的远程服务器

页面包:https://github.com/Avtonom/media-storage-client-bundle

在项目根目录下运行以下命令,假设您已为项目设置了 composer

composer.phar require avtonom/media-storage-client-bundle ~1.2

~1.2 切换为最新的标签。

将包添加到 app/AppKernel.php 中

$bundles(
    ...
    new Sensio\Bundle\BuzzBundle\SensioBuzzBundle(),
    new Avtonom\MediaStorageClientBundle\AvtonomMediaStorageClientBundle(),
    ...
);

配置选项(parameters.yaml)

parameters:
    avtonom.media_storage_client:
        clients:
            client_name_url:
                base_url: http://demo.com
                add_media_url: /app_dev.php/api/providers/sonata.media.provider.url/media
            client_name_url:
                base_url: http://demo.com
                add_media_url: /app_dev.php/api/providers/sonata.media.provider.file/media
        urls:
            base_url: http://demo.com
            get_media_by_reference_full_url: /app_dev.php/api/media/referencefull
        listener:
            interfaces: ['Bundle\Model\EntityInterface1', 'Bundle\Model\EntityInterface2']
            change_field: my_change_field
            ignored_domains: ['s.dev.demo.com', 's.prod.demo.com']
            client: client_name_url
            context: context
        logging_level: 100

[可选] 配置 bower (\web\bower.json) 以支持文件上传


"blueimp-file-upload-node": "*"

[可选] 文件 js 以支持文件上传(例如:\src\Bundle\Resources\views\standard_layout.html.twig):此示例使用 x-editable 库(http://vitalets.github.io/x-editable/)。

{% block javascripts %}
    {{ parent() }}
    {% javascripts
        '@AvtonomMediaStorageClientBundle/Resources/public/js/actions.js'
    %}
        <script type="text/javascript" src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}

使用替代方案 1:块来添加对文件的引用

<a href="{{ mediaReferenceFull }}" class="btn btn-info btn-xs x-editable-update-after-save" target="_blank" data-content-text="%s &nbsp;<i class='fa fa-external-link'></i>" {% if mediaReferenceFull is empty %}style="display: none"{% endif %}>
    {% if mediaReferenceFull is not empty %}
        {% set media = media_get(mediaReferenceFull) %}
        {% if media is ProxyMediaInterface %}
            {{ media.name }}
        {% else %}
            ERROR: file not found
        {% endif %}
    {% endif %}
    &nbsp;<i class="fa fa-external-link"></i>
</a>

使用 parameters.yaml 中的值作为监听器的值

services:
    avtonom.media_storage_client.listener:
        class: Avtonom\MediaStorageClientBundle\EventListener\ObjectAddFileListener
        ...
        tags:
            - { name: doctrine.event_listener, event: prePersist, method: run }
            - { name: doctrine.event_listener, event: preUpdate, method: run }

使用替代方案 1:按钮来上传文件

<div class="btn-group fileupload-buttonbar" role="group" aria-label="" style="display: inline-flex;">
    <span class="btn btn-primary btn-xs fileinput-button">
        {{ mediaReferenceFull is empty ? 'Add' : 'Update' }}
        &nbsp;<i class="glyphicon glyphicon-pencil"></i>
        <input type="file" name="file"
               class="file-upload fileinput-button"
               data-url="{{ url }}"
        >
    </span>
    <button type="button" class="btn btn-danger btn-xs update-button-clear delete" role="button" title="Clear" data-url="{{ url }}"><i class="fa fa-trash-o"></i></button>
</div>

在控制器中处理

public function updateAction(Request $request)
{
    /** @var UploadedFile $file */
    $file = $request->files->get('file');
    if($file instanceof UploadedFile){
    
        $proxyMedia = $this->get('avtonom.media_storage_client.manager')->sendFile($file, $clientName, $context);
    
        return new JsonResponse([
            'media' => $proxyMedia->toArray(),
        ]);
    }
}