avtonom / media-storage-client-bundle
Symfony media client bundle for uploading (sending) files and images to a remote server deployed on SonataMediaBundle
Installs: 295
Dependents: 0
Suggesters: 0
Security: 0
Stars: 1
Watchers: 2
Forks: 0
Open Issues: 0
Type:symfony-bundle
Requires
- php: >=5.3.2
- sensio/buzz-bundle: ~1.0
- symfony/dependency-injection: ~2.3|3.*
- symfony/monolog-bundle: 2.*|3.*
README
Symfony media client bundle for uploading (sending) files and images to a remote server deployed on SonataMediaBundle
Page bundle: https://github.com/Avtonom/media-storage-client-bundle
Run the following in your project root, assuming you have composer set up for your project
composer.phar require avtonom/media-storage-client-bundle ~1.2
Switching ~1.2
for the most recent tag.
Add the bundle to app/AppKernel.php
$bundles( ... new Sensio\Bundle\BuzzBundle\SensioBuzzBundle(), new Avtonom\MediaStorageClientBundle\AvtonomMediaStorageClientBundle(), ... );
Configuration options (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
[Optionally] Configuration bower (\web\bower.json) to file upload:
"blueimp-file-upload-node": "*"
[Optionally] File js to file upload (for example: \src\Bundle\Resources\views\standard_layout.html.twig): This example uses a library of 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 %}
Use alternative number 1: block to add a reference to the file
<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>
Use the value of the parameters.yaml for the listener:
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 }
Use alternative number 1: button to upload the file
<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>
Processing in the controller:
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(), ]); } }