avtonom / media-storage-client-bundle
Symfony 媒体客户端包,用于将文件和图片上传(发送)到部署在 SonataMediaBundle 上的远程服务器
v1.4.0
2021-03-01 13:24 UTC
Requires
- php: >=5.3.2
- sensio/buzz-bundle: ~1.0
- symfony/dependency-injection: ~2.3|3.*
- symfony/monolog-bundle: 2.*|3.*
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 <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 %} <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' }} <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(), ]); } }