recipe_file_uploads.rst 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307
  1. Uploading and saving documents (including images) using DoctrineORM and SonataAdmin
  2. ===================================================================================
  3. This is a full working example of one way to manage the uploading of files using
  4. SonataAdmin with the DoctrineORM persistence layer.
  5. Pre-requisites
  6. --------------
  7. - you have already got SonataAdmin and DoctrineORM up and running
  8. - you already have an Entity class that you wish to be able to connect uploaded
  9. documents to, in this example that class will be called ``Image``.
  10. - you already have an Admin set up, in this example it's called ``ImageAdmin``
  11. - you understand file permissions on your web server and can manage the permissions
  12. needed to allow your web server to upload and update files in the relevant
  13. folder(s)
  14. The recipe
  15. ----------
  16. First we'll cover the basics of what your Entity needs to contain to enable document
  17. management with Doctrine. There is a good cookbook entry about
  18. `uploading files with Doctrine and Symfony`_ on the Symfony website, so I will show
  19. code examples here without going into the details. It's strongly recommended that
  20. you read that cookbook first.
  21. To get file uploads working with SonataAdmin we need to:
  22. - add a file upload field to our ImageAdmin
  23. - 'touch' the Entity when a new file is uploaded so its lifecycle events are triggered
  24. Basic configuration - the Entity
  25. ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  26. Following the guidelines from the Symfony cookbook, we have an Entity definition
  27. that looks something like the YAML below (of course, you can achieve something
  28. similar with XML or Annotation based definitions too. In this example we are using
  29. the ``updated`` field to trigger the lifecycle callbacks by setting it based on the
  30. upload timestamp.
  31. .. code-block:: yaml
  32. # YourNS/YourBundle/Resources/config/Doctrine/Image.orm.yml
  33. YourNS\YourBundle\Entity\Image:
  34. type: entity
  35. repositoryClass: YourNS\YourBundle\Entity\Repositories\ImageRepository
  36. table: images
  37. id:
  38. id:
  39. type: integer
  40. generator: { strategy: AUTO }
  41. fields:
  42. filename:
  43. type: string
  44. length: 100
  45. updated: # changed when files are uploaded, to force preUpdate and postUpdate to fire
  46. type: datetime
  47. nullable: true
  48. # ... other fields ...
  49. lifecycleCallbacks:
  50. prePersist: [ lifecycleFileUpload ]
  51. preUpdate: [ lifecycleFileUpload ]
  52. We then have the following methods in our ``Image`` class to manage file uploads:
  53. .. code-block:: php
  54. // YourNS/YourBundle/Entity/Image.php
  55. const SERVER_PATH_TO_IMAGE_FOLDER = '/server/path/to/images';
  56. /**
  57. * Unmapped property to handle file uploads
  58. */
  59. private $file;
  60. /**
  61. * Sets file.
  62. *
  63. * @param UploadedFile $file
  64. */
  65. public function setFile(UploadedFile $file = null)
  66. {
  67. $this->file = $file;
  68. }
  69. /**
  70. * Get file.
  71. *
  72. * @return UploadedFile
  73. */
  74. public function getFile()
  75. {
  76. return $this->file;
  77. }
  78. /**
  79. * Manages the copying of the file to the relevant place on the server
  80. */
  81. public function upload()
  82. {
  83. // the file property can be empty if the field is not required
  84. if (null === $this->getFile()) {
  85. return;
  86. }
  87. // we use the original file name here but you should
  88. // sanitize it at least to avoid any security issues
  89. // move takes the target directory and target filename as params
  90. $this->getFile()->move(
  91. Image::SERVER_PATH_TO_IMAGE_FOLDER,
  92. $this->getFile()->getClientOriginalName()
  93. );
  94. // set the path property to the filename where you've saved the file
  95. $this->filename = $this->getFile()->getClientOriginalName();
  96. // clean up the file property as you won't need it anymore
  97. $this->setFile(null);
  98. }
  99. /**
  100. * Lifecycle callback to upload the file to the server
  101. */
  102. public function lifecycleFileUpload() {
  103. $this->upload();
  104. }
  105. /**
  106. * Updates the hash value to force the preUpdate and postUpdate events to fire
  107. */
  108. public function refreshUpdated() {
  109. $this->setUpdated(date('Y-m-d H:i:s'));
  110. }
  111. // ... the rest of your class lives under here, including the generated fields
  112. // such as filename and updated
  113. When we upload a file to our Image, the file itself is transient and not persisted
  114. to our database (it is not part of our mapping). However, the lifecycle callbacks
  115. trigger a call to ``Image::upload()`` which manages the actual copying of the
  116. uploaded file to the filesystem and updates the ``filename`` property of our Image,
  117. this filename field *is* persisted to the database.
  118. Most of the above is simply from the `uploading files with Doctrine and Symfony`_ cookbook
  119. entry. It's highly recommended reading!
  120. Basic configuration - the Admin class
  121. ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  122. We need to do two things in Sonata to enable file uploads:
  123. 1. Add a file upload widget
  124. 2. Ensure that the Image class's lifecycle events fire when we upload a file
  125. Both of these are straightforward when you know what to do:
  126. .. code-block:: php
  127. // YourNS/YourBundle/Admin/ImageAdmin.php
  128. ...
  129. class ImageAdmin extends Admin
  130. {
  131. protected function configureFormFields(FormMapper $formMapper)
  132. {
  133. $formMapper
  134. ->add('file', 'file', array('required' => false))
  135. // ... other fields can go here ...
  136. ;
  137. }
  138. public function prePersist($image) {
  139. $this->manageFileUpload($image);
  140. }
  141. public function preUpdate($image) {
  142. $this->manageFileUpload($image);
  143. }
  144. private function manageFileUpload($image) {
  145. if ($image->getFile()) {
  146. $image->refreshUpdated();
  147. }
  148. }
  149. // ...
  150. }
  151. We mark the ``file`` field as not required since we don't need the user to upload a
  152. new image every time the Image is updated. When a file is uploaded (and nothing else
  153. is changed on the form) there is no change to the data which Doctrine needs to persist
  154. so no ``preUpdate`` event would fire. To deal with this we hook into SonataAdmin's
  155. ``preUpdate`` event (which triggers every time the edit form is submitted) and use
  156. that to update an Image field which is persisted. This then ensures that Doctrine's
  157. lifecycle events are triggered and our Image manages the file upload as expected.
  158. And that's all there is to it!
  159. However, this method does not work when the ``ImageAdmin`` is embedded in other
  160. Admins using the ``sonata_type_admin`` field type. For that we need something more...
  161. Advanced example - works with embedded Admins
  162. ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  163. When one Admin is embedded in another Admin, the child Admin's preUpdate() method is
  164. not triggered when the parent is submitted. To deal with this we need to use the parent
  165. Admin's lifecycle events to trigger the file management when needed.
  166. In this example we have a Page class which has three one-to-one Image relationships
  167. defined, linkedImage1 to linkedImage3. The PageAdmin class's form field configuration
  168. looks like this:
  169. .. code-block:: php
  170. class PageAdmin extends Admin
  171. {
  172. protected function configureFormFields(FormMapper $formMapper)
  173. {
  174. $formMapper
  175. ->add('linkedImage1', 'sonata_type_admin', array('delete' => false))
  176. ->add('linkedImage2', 'sonata_type_admin', array('delete' => false))
  177. ->add('linkedImage3', 'sonata_type_admin', array('delete' => false))
  178. // ... other fields go here ...
  179. ;
  180. }
  181. // ...
  182. }
  183. This is easy enough - we have embedded three fields, which will then use our ``ImageAdmin``
  184. class to determine which fields to show.
  185. In PageAdmin we then have the following code to manage the relationships' lifecycles:
  186. .. code-block:: php
  187. class PageAdmin extends Admin
  188. {
  189. // ...
  190. public function prePersist($page) {
  191. $this->manageEmbeddedImageAdmins($page);
  192. }
  193. public function preUpdate($page) {
  194. $this->manageEmbeddedImageAdmins($page);
  195. }
  196. private function manageEmbeddedImageAdmins($page) {
  197. // Cycle through each field
  198. foreach ($this->getFormFieldDescriptions() as $fieldName => $fieldDescription) {
  199. // detect embedded Admins that manage Images
  200. if ($fieldDescription->getType() === 'sonata_type_admin' &&
  201. ($associationMapping = $fieldDescription->getAssociationMapping()) &&
  202. $associationMapping['targetEntity'] === 'YourNS\YourBundle\Entity\Image'
  203. ) {
  204. $getter = 'get' . $fieldName;
  205. $setter = 'set' . $fieldName;
  206. /** @var Image $image */
  207. $image = $page->$getter();
  208. if ($image) {
  209. if ($image->getFile()) {
  210. // update the Image to trigger file management
  211. $image->refreshUpdated();
  212. } elseif (!$image->getFile() && !$image->getFilename()) {
  213. // prevent Sf/Sonata trying to create and persist an empty Image
  214. $page->$setter(null);
  215. }
  216. }
  217. }
  218. }
  219. }
  220. // ...
  221. }
  222. Here we loop through the fields of our PageAdmin and look for ones which are ``sonata_type_admin``
  223. fields which have embedded an Admin which manages an Image.
  224. Once we have those fields we use the ``$fieldName`` to build strings which refer to our accessor
  225. and mutator methods. For example we might end up with ``getlinkedImage1`` in ``$getter``. Using
  226. this accessor we can get the actual Image object from the Page object under management by the
  227. PageAdmin. Inspecting this object reveals whether it has a pending file upload - if it does we
  228. trigger the same ``refreshUpdated()`` method as before.
  229. The final check is to prevent a glitch where Symfony tries to create blank Images when nothing
  230. has been entered in the form. We detect this case and null the relationship to stop this from
  231. happening.
  232. Notes
  233. -----
  234. If you are looking for richer media management fucntionality there is a complete SonataMediaBundle
  235. which caters to this need. It is documentated online and is created and maintained by the same team
  236. as SonataAdmin.
  237. To learn how to add an image preview to your ImageAdmin take a look at the related cookbook entry.
  238. .. _`uploading files with Doctrine and Symfony`: http://symfony.com/doc/current/cookbook/doctrine/file_uploads.html